Hvordan laver jeg en menu?

Meningen var, at jge ville undgå at bruge tabels...

Det er måske ikke muligt med CSS?

Tjoh:

<img src="ditTopBillede.gif" style="width:150px;height:38px;">
<div id="menu" style="width:150px;background:url(dinMenuBaggrund.gif) repeat-y;">
  <!-- dit menu-indhold -->
</div>
<img src="ditBundBillede.gif" style="width:150px;height:9px;">

-- og det kan laves på mange andre måder, men dette er nok den simpleste (evt. kan du sætte et element omkring !-)

beklager den sene udmelding. Har selv fundet en løsning. har lavet det på følgende måde:

<div id="leftmenu">
<br>
<div class="menucontent">
<div class="menucontentt">
<p>venstre menu1</p>
</div>
<div class="menucontentc">
<ul>
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
    <li>Punkt 4</li>
    <li>Punkt 5</li>
    <li>Punkt 6</li>
    <li>Punkt 7</li>
</ul>
</div>
<div class="menucontentb">
</div>
</div>



css filen:

#leftmenu {
    position:absolute;
    right:0px;
    top:150px;
    width:152px;
    background-color:silver;
}
.menucontent {
    margin:0px auto;
    width:150px;
    left:0px;
    background-color:yellow;
    text-align:left;
}
.menucontentt {
background-image: url(menut.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:38px;

}

.menucontentc {
background-image: url(menuc.jpg);
background-position: 50% 50%;
background-repeat: y-repeat;
}

.menucontentb {
background-image: url(menub.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:9px;
}