gestione ul li su firefox e IE7

[thenax]

ho il seguente css

#boxes_II { width : 492px; margin-left : 5px; } 
#boxes_II ul { padding-left: 15px; } 
#boxes_II ul li { padding-bottom: 5px; } 
#boxes_II ul.pubblicazioni li { list-style-type: none; } 
#boxes_II ul.pubblicazioni li:before { display: marker; content: url("images/pubblicazioni.gif"); vertical-align: -5px; padding-right: 5px; } 

ed il seguente codice php:
[*]
<span class="lista" style="position:absolute">
<a href="pubblicazione.php?pub=<?php echo
$row_pubblicazioni['idpubblicazione']; ?>"><?php echo
> $row_pubblicazioni['titolopubblicazione']; ?></a>
</span>


purtroppo l'elenco creato non visualizza la gif su ie7 ma solo su firefox inoltre il testo troppo lungo me lo posiziona su una riga unica e va a sovrapportsi quindi sul menu di destra
come posso fare?

il link è