css liste / problème navigateurs

Bonjour,
Mon site s'affiche très bien avec mozilla, opéra et google chrome. Par contre avec internet explorer il y a un problème au niveau de la présentation des rubriques. La liste des rubriques est beaucoup trop décalée vers la droite comme si une bande invisible prennait 1/3 de la colonne.

http://cercledombre.fr/

Mes rubriques s'affichent avec la ligne en php :

Code:

<ul><?php wp_list_pages('title_li='); ?></ul>

.
J'utilise un code wordpress donc quand je crée une nouvelle page dans la zone administration, elle s'affiche automatiquement dans la colonne du site. Dans la feuille css, on voit que les rubriques s'affichent comme une liste :

Code:

ul { list-style: none;  }

http://cercledombre.fr/style.css

Avant c'était "square" à la place de "none", mais ça ne change rien. Le problème vient peut être du fait qu'il s'agit d'une liste, mais sur internet explorer, les rubriques sont largement décalées vers la droite et après avoir passé une journée la dessus, je n'ai pas trouvé comment corriger ce problème. Je voudrais que les rubriques prennent les 149 pixels de la colonne, pas moins.

Un autre problème mineur, quand je mets <br><br> en dessous d'une image dans cette colonne, les 3 navigateurs m'affichent un espace plutôt bon, mais il est deux fois plus grand sur internet explorer. Bizarre.

Merci !

Effectivement, merci beaucoup ton conseil est très bon, car ça corrige mon problème des rubriques ! (enfin!)
Le seul bémol est que du coup toutes mes interlignes sont supprimées un peu partout dans le site :/ Je vais devoir trouver un moyen de les indiquer dans la feuille de style, et non dans mes pages en php (j'imagine que le problème vient de là à cause des <br>)

Prévois aussi dès le départ de définir certaines balises (p étant la plus courante), ça te permet de garder ton interligne en permanence

Style :
p {0 0 10px 10px } par exemple.