Forum Moderators: not2easy

Message Too Old, No Replies

CSS menu problem

         

onesnooze

9:30 am on Sep 16, 2010 (gmt 0)

10+ Year Member



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

2:15 pm on Sep 17, 2010 (gmt 0)

10+ Year Member



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.