Well I tihnk the tile says most of it, This is the CSS file for my site.
Code:
#top {
background:#444;
color:#fff;
width:840px;
padding:5px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:0px;
text-align:left;
}
#top_nav {
background:#444;
width:850px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:10px;
text-align:left;
}
#top_nav ul {
list-style:none;
margin:0;
padding:0;
}
#top_nav li {
float:left;
border:1px #fff solid;
height:20px;
text-align:center;
}
#top_nav li:hover {
float:left;
background:#fff;
height:20px;
border:1px #fff solid;
text-align:center;
}
#top_nav a {
padding-top:2px;
display:block;
width:80px;
height:25px;
color:#fff;
text-decoration:none;
}
#top_nav a:hover {
padding-top:2px;
color:#000;
width:80px;
height:25px;
text-decoration:none;
}
The site looks great in FF, Opera, Chrome, and Safari, BUT when I look at it in IE the the menu (#top_nav) is longer than the header (#top). I don't know why this is, but if somebody could help me and tell me how I could fix it I would be thankful.
__________________
Alex
|