Beste SDers,

ik zit met stom probleem, bij rolover met afgeronde hoeken komen de linkse en rechte afb meteen tegen de tekst van de link.
zie hier

dit is code

<div id="menu_wrap">
<div id="menu_links">
<div id="menu_rechts">
<ul id="menu">
<li><a href="vankuiken.html"><span id="menu"><span id="menu">Home</span></span></a></li>
<li><a href="watdoenwij.html"><span id="menu"><span id="menu">Watdoenwij</span></span></a></li>
<li><a href="#"><span><span>Foto's</a></span></span></li>
<li><a href="#"><span><span>Reacties</span></span></a></li>
<li><a href="#"><span><span>Contact</span></span></a></li>
</ul>
</div>
</div>
</div>

Met margin gaat het niet, dan word link wel breeder, maar die spans blijven juist naast de tekst staan.
Wie o wie helpt mij hieruit ?

bedankt

Misschien helpt padding ipv margin. ;)

Helpt deels, maar dan worden links bij rolover ook wel breeder, en aangezien width op 100% MOET staan, lukt het zo niet :(
Ik ga het anders oplossen, toch bedankt.