Een vriend van mij is bezig met een nieuw project. Hiervoor heeft hij de volgende lay-out gesliced: http://voetbal.rocktycoon.net/ maar zoals je ziet staat de tekst in het menu niet helemaal goed hoe zou ik dit kunnen doen aangezien padding en marging het hele plaatje verschuiven?

Code van CSS is:

Code:

 div#menu { 
    background-image: url('images/menu.png'); 
    background-repeat: no-repeat; 
    width: 450px; 
    height: 48px; 
    float: left; 
} 

div#menu {
background-image: url('images/menu.png');
background-repeat: no-repeat;
width: 450px;
height: 12px;
float: left;
font-size: 12px;
padding: 18px 0px 18px 0px;
text-align: center;
}

Je moet menu's opmaken met <ul> en <li> tags volgens W3C.
html:

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>

css:

ul {
float:left;
margin:0px;
padding:0px;
list-style:none;
}
li {
float:left;
padding:0 5px 0;
margin:0p;x
line-height:20px;
}

De maten en verdere opmaak moet dan nog worden aangepast...

Waarschijnlijk hebben we het probleem gevonden, bedankt voor de reacties :-)