views:

28

answers:

2

Can you check this page and let me know why the menu doesn't work on IE7? It shows up all the way on the right, almost out of view: http://bit.ly/9hhDY5

The page works okay in other browsers (including IE8 and IE9). Thanks.

+1  A: 

Because you have ul#top-nav set to display:none ? If not that, try playing with position:absolute, you have there all over the place... IE may have issues concerning that.

Jevgeni Bogatyrjov
Thanks, Jevgeni. What's weird is that it's only happening on IE7, not IE8, Firefox, Safari, or Chrome. I'm changing the display:none to display:block via JavaScript.
Alex
+1  A: 

Change postition:absolute; to position:relative; in your #top-nav css ID. That will fix the position for you. After that remove position:absolute; from #top-nav li p and it will display correct.

I suggest you to download Developer Tools for IE. It helps you alot with HTML/CSS related problems when using IE.

Marwelln
I've got the tools installed for IE, but they simply don't give me the same experience as Firebug on FF :)
Alex