DIV versie:
[code=html4strict]
<div style="width:470px">
<div style="clear: both;"></div>

<!--Eerste menuknop -->
<div 
onmouseover="document.getElementById('tabmenu0').style.display=''" 
onmouseout="document.getElementById('tabmenu0').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu1
    <div style="clear: both;"></div>
    <div id="tabmenu0" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
        <a style="color:#FFFFFF" href="#">submenu5</a><br>
        <a style="color:#FFFFFF" href="#">submenu6</a><br>
    </div>
    <div style="clear: both;"></div>
</div>
<!--Tweede menuknop -->
<div 
onmouseover="document.getElementById('tabmenu1').style.display=''" 
onmouseout="document.getElementById('tabmenu1').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu2
    <div style="clear: both;"></div>
    <div id="tabmenu1" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
    </div>
    <div style="clear: both;"></div>
</div>

<!--Derde menuknop -->
<div 
onmouseover="document.getElementById('tabmenu2').style.display=''" 
onmouseout="document.getElementById('tabmenu2').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu3
    <div style="clear: both;"></div>
    <div id="tabmenu2" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
        <a style="color:#FFFFFF" href="#">submenu5</a><br>
        <a style="color:#FFFFFF" href="#">submenu6</a><br>
        <a style="color:#FFFFFF" href="#">submenu7</a><br>
    </div>
    <div style="clear: both;"></div>
</div>
<div style="float:left;width:450px">
text
<div>
<div style="clear: both;"></div>
<div style="width:450px">



Table versie:
[code=html4strict]

<table width="600" border="1" cellpadding="2" cellspacing="2">
  <tr>
    <td>
<!--Eerste menuknop -->
<div 
onmouseover="document.getElementById('tabmenu0').style.display=''" 
onmouseout="document.getElementById('tabmenu0').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu1
    <div style="clear: both;"></div>
    <div id="tabmenu0" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
        <a style="color:#FFFFFF" href="#">submenu5</a><br>
        <a style="color:#FFFFFF" href="#">submenu6</a><br>
    </div>
    <div style="clear: both;"></div>
</div>
<!--Tweede menuknop -->
<div 
onmouseover="document.getElementById('tabmenu1').style.display=''" 
onmouseout="document.getElementById('tabmenu1').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu2
    <div style="clear: both;"></div>
    <div id="tabmenu1" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
    </div>
    <div style="clear: both;"></div>
</div>

<!--Derde menuknop -->
<div 
onmouseover="document.getElementById('tabmenu2').style.display=''" 
onmouseout="document.getElementById('tabmenu2').style.display='none'" 
style="margin-right:2px; display:block; width:150px; height:20px; border:1px #000000 solid; float:left;">
Menu3
    <div style="clear: both;"></div>
    <div id="tabmenu2" style="display:none; width:150px; background-color:#000000; float:left; position:absolute;"> 
        <a style="color:#FFFFFF" href="#">submenu1</a><br>
        <a style="color:#FFFFFF" href="#">submenu2</a><br>
        <a style="color:#FFFFFF" href="#">submenu3</a><br>
        <a style="color:#FFFFFF" href="#">submenu4</a><br>
        <a style="color:#FFFFFF" href="#">submenu5</a><br>
        <a style="color:#FFFFFF" href="#">submenu6</a><br>
        <a style="color:#FFFFFF" href="#">submenu7</a><br>
    </div>
    <div style="clear: both;"></div>
</div></td>
  </tr>
  <tr>
    <td>Text</td>
  </tr>
</table>