Position fixed and z-index on iOS

since1903.org

New Member
I am having a problem getting elements to display in the correct order on iOS.The following example demonstrates my problem: http://jsfiddle.net/tFpd9/ the basic HTML structure is:\[code\]<div id="header"> <ul id="menu"> <li>Option 1</li> <li>Option 2</li> <li>Option 3</li> </ul></div>\[/code\]On Firefox and Safari I can only see option 3, because options 1 and 2 are behind the header - the menu icon is still visible above the header. On iOS though, options 1 and 2 are visible above the header.Any ideas why they are behaving differently and how to solve?
 
Top