...

View Full Version : CSS Horizontal NavBar is Verticle in IE



hath22
07-10-2008, 01:35 AM
Hello,

Please help, I have exchanged my javascript horizontal navigation bar with rollover images for a nice CSS one using 1 image for both states of the button.

Everything in Firefox is perfect but in IE the list is showing as a verticle, not horizontal, list.

The result is my nav bar looks like a staircase as they all stagger down the page.

There's nothing too fancy going on, the CSS is:

#buttsamples a {
background: url(images/buttsamples.gif) top;
width: 77px;
height: 42px;
float:right;
display:inline;
margin-left: 0;
}
#buttsamples a:hover {
background: url(images/buttsamples.gif) no-repeat bottom;
}

And HTML:

<div id="menus">
<li id="butthome"><a href="index.html"></a></li>
<li id="buttbook"><a href="howtobook.html"></a></li>
<li id="buttrates"><a href="rates.html"></a></li>
<li id="buttfaq"><a href="faqs.html"></a></li>
<li id="buttsamples"><a href="samples.html"></a></li>
<li id="buttclients"><a href="clients.html"></a></li>
<li id="buttcontacts"><a href="contacts.html"></a></li>
</div>

Any help you can lend would save my bacon.

abduraooft
07-10-2008, 09:06 AM
<div id="menus">
<li id="butthome"><a href="index.html"></a></li>
<li id="buttbook"><a href="howtobook.html"></a></li>
<li id="buttrates"><a href="rates.html"></a></li>
<li id="buttfaq"><a href="faqs.html"></a></li>
<li id="buttsamples"><a href="samples.html"></a></li>
<li id="buttclients"><a href="clients.html"></a></li>
<li id="buttcontacts"><a href="contacts.html"></a></li>
</div>
<li> can't be nested under <div> as the immediate child. You need to use a <ul> there instead of <div>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum