IE List Text Align

[Jonz]

Hey people,
I’m having some trouble with the vertical alignment of some text for my list menu in IE6

This is what’s happening
[attachment=0]problem.png[/attachment]

The css:

Code:

.list ul {
background-image: url(‘../img/tbl-row.gif’);
font-size: 10px;
}
.list li {
padding: 0 0 0 15px;
list-style-image: url(‘../img/arrow.gif’);
height: 21px;
line-height: 2.1em;
list-style-position: inside;
overflow: hidden;
vertical-align: middle;
}
.button {
padding: 2px 15px 0 0;
background-image: url(../img/tbl-row2.gif);
height: 27px;
line-height: 2.7em;
background-repeat: no-repeat;
}
.see-topics {
background-image: url(../img/btn-alltopics.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 76px;
height: 17px;
float: right;

}

Full site – http://johnsbeharry.com/atomic/

I’d really appreciate any help :D

[Author]

Posts