1- que no firefox o texto se alinha em bottom em relação a imagem da lista, e no IE em top
2- o espaço entre a imagem e a lista no IE é menor que no firefox
3- o padding left do UL (conjunto total) fica maior no IE e menor no firefox
4- a imagem do bullet da primeira lista no IE nao aparece (bug)
como consertar isso?
Vou passar os codigos da estrutura e do css desta parte do site que estou desenvolvendo
ESTRUTURA:
<div id="corpobaixo"> <div id="vantagens"> <ul> <li>Lorem ipsulum</li> <li>Lorem ipsulum</li> <li>Lorem ipsulum</li> <li>Lorem ipsulum</li> <li>Lorem ipsulum</li> <li>Lorem ipsulum</li> </ul> </div> </div>
CSS:
#corpobaixo { clear: both; overflow: auto; } #vantagens { margin: 28px; background: url('images/vantagenscomprovadas.gif'); width: 590px; height: 184px; position: relative; font: normal 15px Verdana; letter-spacing: -1px; } #vantagens ul { position: relative; padding-left: 35px; padding-top: 28px; } #vantagens li { position: relative; display: list-item; list-style-image:url(images/malelist.gif); height: 24px; }
imagem censurada