No replies
jsmith1983
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2009-04-08
Posts: 1
Points: 0

I made a pretty simple nav menu using Css and it looks great in Firefox but wont stay centered in IE. ( The nav stays alinged left) It stays centered and looks fine when i view it in Dreamweavers "preview in Browser" mode in IE but not when its actually live. I am thinking it has something to do with the left and right margins set to AUTO??? Although thats how i did the wrapper and that stays centered. You can view it live here: http://www.m2omedia.com/stage3/ My CSS is:

#wrapper {
background-color: #48c0d9;
background-image: url(BACKGROUND_TILE_PATTERN.gif);
background-repeat: repeat;
margin-right: auto;
margin-left: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#nav {
height: 40px;
width: 1010px;
padding: 0;
background-color: #48C0D9;
background-image: url(nav_bckgrnd_listenlive.gif);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-right-width: 6px;
border-left-width: 6px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
display: block;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
line-height: 40px;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
padding: 0px;
}
#nav ul li.last {
border-right-style: none;
padding: 0px;
}
#nav ul li a {
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 0 20px 0 20px;
color: #FFFFFF;
background-color: #48C0D9;
display: block;
background-image: url(nav_bckgrnd_slice.gif);
background-repeat: repeat-x;
}

#nav ul li a:hover {
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 0 20px 0 20px;
color: #FF9900;
background-color: #0066FF;
display: block;
}

Seems like there should be a simple solution...If anyone could help me it would be greatly appreciated. Thanks so much.

Jon