Vertical lists aligned horizontally, IE problem

I am aligning three vertical lists, horizontally. I have it looking right in Firefox, but IE is rendering it weird...who would have guessed. Can anyone help me find the correct way to set up the CSS and/or HTML for this style of list.

In IE it is pushing the lists over to the right side of the DIV and not allowing the bullets to show. The live page can be found here.

HTML:

<div id="left">
<h1>Welcome</h1>
<p>Landis Design offers premium creative services. From print design, web design, and technology solutions, we provide the expertise to get the job done right.</p>

<ul class="leftmenu">
<li>Logos</li>
<li>Advertising</li>
<li>Layout</li>
<li>Newsletters</li>
<li>Mailpieces</li>
</ul>

<ul class="leftmenu">
<li>Development</li>
<li>Consulting</li>
<li>Content Edit</li>
<li>Re-design</li>
<li>SEO</li>
</ul>

<ul class="leftmenu">
<li>Network Administration</li>
<li>Hardware Support</li>
<li>Software Support</li>
<li>Security Evaluation</li>
</ul>

<!-- Third section on left side -->
<div id="third">
<p><img src="images/img-infohighway.jpg" name="circuitboard" width="211" height="156" id="circuitboard" />Design Special</p>
<p>For a limited time, submit a design project and recieve 50% off the first two hours. To recieve a quote, please call us or use the request option to the right.</p>
</div>
</div>

CSS:

.leftmenu {
font-family: Arial, Helvetica, sans-serif;
color: #C9C2B9;
display: block;
float: left;
clear: inherit;
}
.leftmenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C9C2B9;
clear: inherit;
list-style-type: inherit;
}

IE7 looks exactly the same as FF
are you on about IE6?

Yes, it looks wrong in IE 6.

oh sorry.
stupid vista :/
can't check

You could try this. dont think it will help the position though.

HTML: Select all

.leftmenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C9C2B9;
clear: inherit;
list-style-position: inside;
list-style-type: disc;
}