Categories popping out in ie

[Guest prashantgeorge]

Hi i am having a problem with my categories which seems to pop out to the left in ie explore but they appear correctly in opera and mozilla heres my site link http://prashantgeorge.com/donna/index.php. and here are ths style codes i have used... when i tried putting float: left; in li style it solved the porblem but then in opera after the categories the next box ie. feature product the header dissappears. i have like wasted lots of hrs to get this thing solved but failed maybe its simple and i havent looked in the right areas if anyone can help it would be really great

//this is the style for the box in which the categories come

.boxContentLeft, .boxContentRight {

background-color: #fde8e9;

padding-left: 0px;

padding-right: 0px;

padding-top: 0px;

padding-bottom: 0px;

width: 175px;

}

// li style

li.none {

list-style:none;

font-size: 70%;

padding-bottom: 1px;

}

//the 2 below are the styles for the categories button effect

a.cattxtbut {

display: block;

width: 171px;

font-family: Arial, Helvetica, sans-serif;

color: #9d0a0e;

background-color: #fbd2d3;

padding-left: 4px;

line-height: 20px;

text-align: left;

text-decoration: none;

}

a.cattxtbut:hover {

display: block;

width: 171px;

font-family: Arial, Helvetica, sans-serif;

color: #9d0a0e;

background-color: #f9bdc6;

padding-left: 4px;

line-height: 20px;

text-align: left;

text-decoration: none;

}

[Guest groovejuice]

Try displaying the cats without using <li> which is automatically indented in IE.