I've added a picture to the menu here (it's just a testsite, so if you visit this thread years from now, it may be another look :-)): http://wp.fonzie.dk
1. My first problem is, that the pictures is being shown in the child-pages also. I've added this CSS:
.sf-menu li.page-item-576 a {
color:#9a201f;
background: #fafafa url(http://www.wp.fonzie.dk/wp-content/themes/thematicpowerblog/images/pil.png) no-repeat 125px 11px;
}
.sf-menu li.page-item-576 a:hover {
color:#9a201f;
background: url(http://www.wp.fonzie.dk/wp-content/themes/thematicpowerblog/images/pil.png) no-repeat 125px 11px;
}2. My second problem is that I want to add another image, that is a bit wider, but theres not enough space. And I'm kind of lost as to what I need to add to put more space on both sides of the page-titles in the menu