Menu doesnt show in ie7

HTML & CSS
1

the menu where i have “Home Section1 Section 2” doesnt appear in ie7. it works will all other browsers but it comes up blank in ie7.

Here is my ie7 css file for ie7 fixes:

div#popup_login,
div#popup_register{
   margin-left:480px;
}
div#menu{
   margin-left: 120px;
}
.us_width-20{ width:19.99%!important; }
.us_width-25{ width:24.99%!important; }
.us_width-33{ width:32.99%!important; }
.us_width-33:first-child{ width:33.99%!important; }
.us_width-50{ width:49.99%!important; }
.us_width-100{ width:100%!important; }

ul.gk_tab_ul-style1 li span span span{
   padding:0 0 5px 5px;
}
ul.gk_tab_ul-style1 li span span span span{
   margin:0 0 -5px 0;
}
div#popup_login .button{
   line-height:16px!important;
   padding:0 14px 2px 14px!important;
}
div#popup_login,
div#popup_register{
   margin:0 auto!important;
}
.button,
.button_blue,
.button_lightblue,
.button_white,
.button_green{
   line-height:20px!important;
}

Here is a sample of the html for the menu (basically, there are links for the section headers and when you mouse over the section names, a dropdown of other menus popsup)
:

<div id="horiz-menu">
					<ul class="menu"><li class="level1 active current"><a class="level1 topdaddy" href="http://EXAMPLEWEBSITE.com/"><span>Home</span></a></li><li class="level1"><a class="level1 topdaddy" href="LINK"><span>NAME</span></a></li><li class="level1 topli"><a class="level1 topli topdaddy" href="LINK"><span>NAME</span></a><ul style="visibility: hidden; opacity: 0; height: 0px; width: 0px; position: absolute;"><li><a href="LINK"><span>NAME</span></a><ul style="visibility: hidden; opacity: 0; overflow: hidden; height: 0px; width: 0px;"><li><a href="LINK"><span>NAME</span></a></li></ul></li><li><a href="LINK"><span>NAME</span></a></li><li><a href="LINK"><span>NAME</span></a><ul style="visibility: hidden; opacity: 0; overflow: hidden; height: 0px; width: 0px;"><li><a href="LINK"><span>NAME</span></a></li><li><a href="LINK"><span>NAME</span></a></li><li><a href="LINK"><span>NAME</span></a></li></ul></li></ul></li>

If anyone could help that would be great

2

Hi, Welcome to SitePoint :slight_smile:

It would probably be best to show us the css that you are using for good browsers too. We need to be able to run it in a browser like FF or Opera so we can see what it is supposed to look like.

That is an awful lot of IE7 only styles, I would think that most of it is unnecessary and there are problems elsewhere.

Give us a link to your page if it is online.
If not post the complete html with doctype since that could be part of the problem as well.

3

You also are using a lot of !important declarations which in almost all cases are unneccessary and, in the future, will make debugging an absolute nightmare :).

As Ray said we can’t do anything unless we have enough code to recreate the test problem :slight_smile: