Incompatibilidade com IE 5.5 ,IE 6 e IE7

Estava tdo feliz da vida quando finalmente consegui montar me site compátvel tanto no IE7 quando no firefox, até aí tdo ok.

Mas tente testar no IE6, pra ver como site ficaria, tomei uma surpreza terrivel!

vejam:

/applications/core/interface/imageproxy/imageproxy.php?img=http://pontoxp.com/imasters-forum.gif&key=5a6a3cd3d7d51675d4d002f746e6ef76294eea40592869d44bace87f40922d87" alt="Imagem Postada" />

ou seja, as listas aparecem um apaço na vertical maior do que é exibida nos navegadores normais como o firefox.

No ie7 e no fire, ta tdo OK.mas nos IE 6 e inferiores..dão problema. vejam o código CSS que uso parta as listas:

<img src="http://www.pontoxp.com/wp-content/imagens/10.gif"/> <div id="tutos"><li><a href="#">titulo</a></li> </div>Css:

#tutos { width: 280px; }#tutos li a { background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dotted; border-top-color: #EFEFEF; border-right-color: #EFEFEF; border-bottom-color: #EFEFEF; border-left-color: #EFEFEF; display: block; line-height: 18px;}#tutos li a:hover { background: #F7F7F7 url(images/b2.gif) no-repeat center right; color: #FF9900; text-decoration: none;}Como arrumar?