Menü img und text

Hallo zusammen,

ich habe ein nerviges Formatierungproblem in meinem wp-Theme:

http://www.kilowerk.com

Menü-Text und Menü-Background sind falsch aneinander ausgerichtet (Text muss ein paar px weiter runter). Im Style css habe ich glaube ich schon mit top-magins und paddings rumprobiert, leider verschieben sich aber immer Text und Hintergrund gemeinsam:

Zitat

#header{
height:154px;
background:url(images/header_bg.gif) no-repeat;
}
.logo{
margin:5px 5px 5px 5px;
}
#content_bg{
float:left;
background:url(images/content_bg.gif) no-repeat;
}
#menu{
float:left;
width:215px;
paddingt:0px 0px 0px 0px;
overflow:hidden;
}
#menu ul{
padding-top:0px;
}
#menu ul img{
margin:0px;
}
#menu img{
margin:0px 0px 9px 0px;
}
#menu li{
padding:0px 0px 0px 30px;
height:40px;
}
#menu li.page-item-2{
width:215px;
height:31px;
background:url(images/menu_li_bg1.gif) no-repeat left bottom;
}
#menu li.page-item-18{
width:215px;
height:31px;
background:url(images/menu_li_bg2.gif) left bottom no-repeat;
}
#menu li.page-item-20{
width:215px;
height:31px;
background:url(images/menu_li_bg3.gif) left bottom no-repeat;
}
#menu li.page-item-23{
width:215px;
height:31px;
background:url(images/menu_li_bg4.gif) left bottom no-repeat;
}
#menu li.page-item-25{
width:215px;
height:31px;
background:url(images/menu_li_bg5.gif) left bottom no-repeat;

}
#menu li.page-item-28{
width:215px;
height:30px;
background:url(images/menu_li_bg6.gif) left bottom no-repeat;

}
#menu li.page-item-30{
width:215px;
height:40px;
background:url(images/menu_li_bg7.gif) left bottom no-repeat;
}
#menu a{
margin:0px 0px 0px 0px;
font-size:12px;
font-weight: bold;
color:#000000;
text-decoration:none;

}
#menu a:hover{
font-size:12px;
font-weight: bold;
color:#e100090;
text-decoration:underline;

}

Alles anzeigen

Kann jemand helfen? Danke.