CODEWITHSUNDEEP
htmlcssinternet-explorer
timothyclifford
timothyclifford

Reputation: 6959

Internet Explorer 7 strange behaviour for drop down list

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!

Upvotes: 0

Views: 178

Answers (1)

bobince
bobince

Reputation: 536369

IE gets confused by position: absolute inside floats with auto layout. Set an explicit left: 0 on .sub_nav and position: relative on the parent (floated) li to avoid this.

(Is float: left; display:inline-block; intentional, to work around some other bug or something? It doesn't make sense by itself.)

Upvotes: 1

Related Questions