Home › Forums › CSS › Navigation bar looks different in Internet Explorer. › Re: Navigation bar looks different in Internet Explorer.
Aaaahhhh, I see it now.
You should be floating your <li>’s to the left as well as the block display on the <a>. Here’s an example of a menu that I just recently did:
position:absolute;
top: 60px; right: 226px;
}
#main-navigation li {
float:left;
list-style:none;
margin-right: 15px;
}
#main-navigation li a {
display:block;
height:25px;
text-indent: -99999px;
}
#main-navigation li ul li a {
text-indent: 0;
}
#main-navigation li a.about {
background: url(../images/main-nav-about.png) no-repeat;
width:70px;
}
#main-navigation li a.products {
background: url(../images/main-nav-products.png) no-repeat;
width:71px;
}
#main-navigation li a.services {
background: url(../images/main-nav-services.png) no-repeat;
width:62px;
}
#main-navigation li a.gallery {
background: url(../images/main-nav-gallery.png) no-repeat;
width:58px;
}
#main-navigation li a.booking {
background: url(../images/main-nav-booking.png) no-repeat;
width:115px;
}