CSS horizontal navigation problem

[NCI]

I'm trying to do a nice horizontal navigation for a site and it looks GREAT in every browser but in IE on my MAC. The client and most of the customers for this site will use IE on a PC. I'm wondering how I can make this navigation look good in ALL browsers for MAC and PC. Here is the code. I'm very new to CSS and I really want to make this look good, but it gets all wacked out in IE. I'm sure there is probably an easy solution for this, but I don't know what it is.:confused:


<link href="../text.css" rel="stylesheet" type="text/css" />
<div id="ddcolortabs">
<ul>
<li style="margin-left: 1px"><a href="http://www.dynamicdrive.com" title="About Us"><span>About Us </span></a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" title="Printing"><span>Printing</span></a></li>
<li id="current"><a href="http://www.dynamicdrive.com/revised.htm" title="Service"><span>service</span></a></li>
<li><a href="http://tools.dynamicdrive.com" title="Experience"><span>experience</span></a></li>
<li><a href="http://tools.dynamicdrive.com" title="Fulfillment"><span>fulfillment</span></a></li>

<li><a href="http://www.dynamicdrive.com/forums/" title="Newsa"><span>news</span></a></li>
<li><a href="http://www.dynamicdrive.com/forums/" title="Contact Us"><span>contact us </span></a></li>
<li><a href="index.html" title="Home"><span>home </span></a></li>
</ul>
</div>

<div id="ddcolortabsline">&nbsp;</div>

[Medyman]

IE on Mac? Seriously? There really is no point. That browser is just plain screwed up and outdated.

I don't know of anyone in the web design world that still supports IE on the Mac. Heck, even Microsoft doesn't! So, I wouldn't worry about it if I were you.

When the maker of the product says don't use this product because it's so buggy, that's when you 100% stop supporting that browser.

[jelthure]

This tutorial might help you out. it works great on all browsers. http://blog.jelthure.com/code/horizontal-navigation-a-how-to-xhtml-css-sprite/
Hope it helps someone out!