I am experiencing a strange issue with my fixed header on Safari 5 for iPad. The header disappears once it scrolls down to a certain point, even though it works fine in IE, Firefox, Chrome, and the latest version of Safari. Has anyone else encountered this problem or found a solution?
<ul class="nav navbar-nav pull-right">
<li class="active"><a href="#top">Home</a></li>
<li><a href="#Section-1">Services</a></li>
<li><a href="#Section-2">Latest</a></li>
<li><a href="#Section-3">Portfolio</a></li>
<li><a href="#Section-4">Prices</a></li>
<li><a href="#Section-5">Contact</a></li>
</ul>
The CSS code I am using is as follows:
.header {
position: fixed;
}
You can view an example of the issue in action here.