Created a very simple HTML/CSS drop down navigation using nested unordered lists.
Works great with Firefox, Chrome, IE8 but in IE7 the sub navigation doesn’t sit below the parent, instead it sits below parent to the right.
For an example and HTML/ CSS have a look here http://webfe.omega.studiocoast.com.au/
I’m stumped!
IE gets confused by
position: absoluteinside floats withautolayout. Set an explicitleft: 0on.sub_navandposition: relativeon the parent (floated)lito avoid this.(Is
float: left; display:inline-block;intentional, to work around some other bug or something? It doesn’t make sense by itself.)