css layout issue with IE

Hi Folks,
I've tried two different things in my stylesheet and each produces an odd
error that I'm not sure what the deal is. I'm working with a wraper, leftnav
and content area. when I do this

#leftWrap
{
width: 190px;
float: left;
clear: both;
}

#content
{
margin-left: 140px;
border-left: 1px solid gray;
padding: 1em;
max-width: 500px;
}

I end up with my individual products clearing the left menu and showing up way
down on the page in IE
an example product page is:

http://pinkgolftees.com/p-13-tatoo-g...ance-poly-dri-
polo-shirt.aspx?skinid=9

when I change my stylesheet the product looks fine, but then my list of
manufacturers clears the left side. here's what I've changed to:
#leftWrap
{
width: 190px;
float: left;
clear: both;
}

#content
{
margin-left: 140px;
border-left: 1px solid gray;
padding: 1em;
width: 590px;
}

sample manufacturer page is here:
http://pinkgolftees.com/m-3-tattoo-golf.aspx?skinid=9

I'm not sure what the deal is and why I can't have both work or why they
produce different results. can anyone shed some light for me?
thanks
Mark