i have a main nav at the top of my page set up like so
<ul id="mainNav">
<li><a href="index.html"><img src="images/nav-images/navigation_01.gif"
alt="Home" /></a></li><li><a href="how_it_works.html"><img
src="images/nav-images/navigation_02.gif" alt="How it Works" /></a></li>
<li><a href="physician_testimonials.html"><img
src="images/nav-images/navigation_03.gif" alt="Physician Testimonials"
/></a></li>
<li><a href="about_bioneutrix.html"><img
src="images/nav-images/navigation_04.gif" alt="Bioneutrix Brand" /></a></li>
<li><a href="order.html"><img src="images/nav-images/navigation_05.gif"
alt="Order Now" /></a></li>
</ul>
(i didn't want to use images for these but our designer insisted on using
this font )
the css looks like this
#mainNav {
position: absolute;
right: 236px;
top: 148px;
background: #006f3a;
height: 22px;
padding: 0;
margin: 0;
}
#mainNav a {
float: left;
}
my problem is that ie6 (i'm starting with this ie) is expanding the links so
that they are not floating right next to eachother. they float left but it
looks like steps going down tus expanding the height of the box. i've tried
adding line height and i've tried display: block as well as inline. if
anyone knows what's going on here please let me know. thanks!
www.goutcleanse.com
--
Jeffrey Morin
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
