Durchsichtige Abstände im Menü

[brabbel]

Hallo,

ich benutze seit neustem den Dreamweaver CS3. Das neue Spry-Widget habe ich sofort für das Menü unserer Firmenwebsite benutzt. Nun möchte mein Chef durchsichtige Abstände zwischen den Untermenüpunkten. Mit

margin:0 0 1px 1px

funxt das auch. Aber im IE6 werden die horizontalen Abstände mit Weiß und die vertikalen Abstände mit Grau gefüllt. An manchen Stellen sind auch ein paar schwarze Punkte zu sehen. Als ob man einen 1px hohen Ausschnitt eines Wortes sehen würde... Ich bin völlig ratlos...

Ein Beispiel:


Die Rahmen:
ul.MenuBarVertical
{
border-right:solid 1px #444444;
border-bottom:solid 0px #b5b5b5;
}
ul.MenuBarVertical ul
{
border:solid 1px #b5b5b5;
border-bottom:solid 0px #b5b5b5;
}
ul.MenuBarVertical a,
ul.MenuBarVertical a:active
{
display: block;
cursor: pointer;
background-color: #d5d5d5;
color: #333;
padding: 0.5em 0.75em;
border-bottom:solid 1px #b5b5b5;
text-decoration: none;
}
Die Abstände:
ul.MenuBarVertical ul li
{
width: 14em;
margin:0 0 1px 1px;
}

Beste Grüße sendet brabbel