navi menu problem

metathirteen · 02-14-2013, 03:56 PM

i havent worked on a website in a couple years so im a bit rusty.
im trying to get this navigation bar to cooperate but im having problems.
in firefox it works alright, in IE7 it works like crap...
i cant get the ul to keep the li's inside, i used float so i figured thats y, but i tried inline-block which works in firefox just fine but not at all in IE7.

i know its something simple and obvious but i cant figure it out

any help?

http://pastebin.com/026nxGR0

metathirteen · 02-14-2013, 04:35 PM

i set the main ul to inline block and that worked but im having a problem with the hover effect of the drop down menu in IE7...

it works fine in FF but in IE it doesnt let me hover over the links in the drop down, they just disappear

Excavator · 02-14-2013, 04:35 PM

Hello metathirteen,
It seems to work the same in IE7 as it does in FF.

...edit - I see, IE7 doesn't let you click an anchor in the dropped li's.

See IE7 and inline-block.

Look at a simple dropdown menu example here.

metathirteen · 02-14-2013, 05:01 PM

i checked out the pages and saw the example and its very similar to what i made. but im still not understanding whats causing it to do what its doing on my IE browser...

i changed display:none/block to visibility:hidden/visible to see if thatd make a difference, and also added position:relative/absolute but still nothing