CSS menu problem

[onesnooze]

Hi all,

I am having a problem displaying the menu in (internet explorer 7). All other browsers are working fine. Any thought and/or ideas, on how i can resolve this.

css

/* Menu */
#menu {
 float: right;
 height: 173px;
}
#menu ul {
 margin: 0px;
 padding: 125px 40px 0px 0px;
 list-style: none;
}
#menu li{
float:left;
}
#menu a {
 padding: 0px 20px 0px 22px;
 text-decoration: none;
 text-transform: lowercase;
 font-size: 14px;
 color: #999999;
}
#menu a:hover {
 text-decoration: none;
 color: #99FF00;
}
#menu .first a {
 background: none;
}

html

 <div id="menu">
  <ul>
  <li class="first"><a href="index.html">Home</a></li>
   <li><a href="services.html">Services</a></li>
   <li><a href="portfolio.html">Portfolio</a></li>
   <li><a href="aboutus.html">About US</a></li>
   <li><a href="contactus.php">Contact us </a></li>
  </ul>
 </div>

Thanks in advance for your help.

[milosevic]

Can you say what your problem is, and also it would help a lot if you posted your code so that it can just be copied straight into a HTML document, ie with the CSS inside a style tag, doctype etc.