<style type="text/css">
#meny *{
padding: 0;
margin: 0;
}
#meny {
padding:0;
border-collapse:collapse;
border:2px solid blue;
width:100%;
}
#meny > tr,
#meny > tr >td{
padding:0;
vertical-align:center;
}
table[id^="submeny"]{
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}
table[id^="submeny"] td{
border:1px solid red;
}
table[id^="submeny"] > tr{
padding:0;
vertical-align:center;
}
#meny table[id^="submeny"] td{
padding: 10px 20px!important; /* a=20px */
}
table[id^="submeny"] td div.cont{
border:2px solid blue;
text-align:center
}
table#submeny-2 {
border:2px solid blue;
}
</style>
<table id=meny><tr valign=center>
<td width=40%>
<table id=submeny-1>
<tr>
<td>
<div class=cont> cont 0-1</div>
</td>
<td>
<div class=cont> cont 0-2</div>
</td>
<td>
<div class=cont> cont 0-3</div>
</td>
</tr>
</table>
</td>
<td width=60%>
<table id=submeny-2>
<tr>
<td>
<div class=cont> cont 1-1</div>
</td>
<td>
<div class=cont> cont 1-2</div>
</td>
<td>
<div class=cont> cont 1-3</div>
</td>
</tr>
</table>
</td>
</tr></table>