Aufzählungszeichen im CSS Stylsheet

[Moni]

Hi,
bin nun doch etwas confused und melde mich wieder, da ich meinen Fehler bei dem Code nicht finde. Habe ein neues *.gif transparent und mit größerem Abstand recht erstellt.
Arbeite mit Dreamweaver; im Dreamweaver Entwurf sieht das Aufzählungs *.gif gut aus, im IE sitzt der Menuepunkt wie vorher zu dicht auf dem Aufzählunsgpunkt *.gif.
Würde bitte jemand noch einmal darauf schauen, wo sich mein Fehler eingeschlichen hat. Vielen Dank im Voraus!

Das CSS Sheet für Formatierungen Navigation (Rechte Spalte) habe ich so geändert:

Code:

/* Allgemeine Formatierungen */
*{
margin:0;
padding:0;
}

body{
background:#eee;
font:.8em "trebuchet ms", arial, sans-serif;
text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
background:#fff url(hintergrund.jpg) repeat-y;
margin:0 auto;
padding:10px 10px 5px 13px;
text-align:left;
width:715px
}

#oben{
background:#fff url(include/banner.jpg);
clear:both;
height:100px;
width:713px;
}

#links{
float:left;
margin:0 0 20px 0;
width:458px;
}

#rechts{
float:left;
margin:0 0 20px 20px;
width:235px
}

#unten{
background:#666;
clear:both;
width:713px
}

/* Formatierungen Navigationsleiste */
#navigation{
background:#fff;
float:left;
width:500px;
padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
display:inline;
margin:0 10px 0 0
}

#navigation ul li a{
text-decoration:none;
border-bottom:4px solid #fff;
color:#666;
font-size:.9em;
font-weight:bold;
}

#navigation ul li a:hover{
text-decoration:none;
border-bottom:4px solid #666
}



/* Sonstige Formatierungen */
.titel{
float:right;
width:90px;
padding:0 10px 0 0
}

.titel img{
border:0
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
border-bottom:1px solid #ccc;
color:#666;
font-size:1.5em;
letter-spacing:0.01em;
margin:25px 0 0 0
}

#links p{
text-align:justify
}

#unten p{
color:#eee;
font:.85em "trebuchet ms", verdana, sans-serif;
padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
}

#rechts ul li{
background:url(include/liste_28x22.gif);
background-repeat:no-repeat;
padding:3px 2px 3px 25px;
width:200px;
display:block;
margin:3px;
}

#rechts ul li a{
text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
color:#000;
text-decoration:underline
}

a:hover{
text-decoration:none
}


#unten a{
color:#fff;
text-decoration:underline
}

#unten a:hover{
text-decoration:none
}