.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;}
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:
Full site - http://johnsbeharry.com/atomic/
I'd really appreciate any help :D
Looks very good to me.