Div abgerundete ecken

    Hallo,
    wie ist es möglich die unteren div boxen so darzustellen, dass der gelbe hintergrund den style bildrand nicht überschreitet,
    ich kann den fehler nicht finden:
    Screenshot:
    [Blockierte Grafik: http://bilderhost.com/PhotoSharing/t12941_screenshot1.jpg]
    Quellcode:

    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head>    <title>Little Boxes 2 - Feste Box mit 2 Grafiken</title>
<style type="text/css">body {   width: 720px;   font-size: small;   font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;    margin: 10px auto; }
div.rundebox_header {   width: 718px;    background: #f3c600 url(unten_header.gif) no-repeat left bottom; }div.rundeboxlinks {    float:left;   width: 508px;    background: #f3c600 url(unten_header.gif) no-repeat left bottom; }div.rundeboxlinks h3 {   background: transparent url(oben.gif) no-repeat left top;    padding: 10px 20px 0 20px;}div.rundeboxrechts {    float:left;   width: 208px;    background: #f3c600 url(unten_rechts.gif) no-repeat left bottom; }div.rundeboxrechts h3 {   background: transparent url(oben_rechts.gif) no-repeat left top;    padding: 10px 20px 0 20px;}</style></head><body><div class="rundebox_header">  <h3></h3>  <p><img src="logo.gif" height="100px" alt="logo" /><img src="logo_header.gif" height="50px" alt="menue" style="margin-bottom:20px; margin-left:5px;" /></p></div> <div class="rundeboxlinks">  <h3>Titel</h3>  <p>Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... Inhalt.... </p></div> <div class="rundeboxrechts">  <h3>Men&uuml;</h3>  <p>menuepunkte<br /> Home </p></div> </body></html>


    Vielendank im vorraus
    lg Jens