Tabel der driller

Prøv at sætte følgende tabel ind i et HTML dokument:


<table cellspacing="0" cellpadding="0" style="border: 1px solid black; width: 100%; height: 400px;">
    <tr>
        <td rowspan="2" style="border: 1px solid black; width: 250px; height: 266.66666666666px; vertical-align: top;">
        Menuen
        </td>
       
        <td rowspan="2" colspan="2" style="border: 1px solid black; width: 500px; height: 266.66666666666px; vertical-align: top;">
        Kasse under menu
        </td>
    </tr>
   
    <tr>
        <td style="border: 1px solid black; width: 250px; height: 133.33333333333px; vertical-align: top;">
        Stor kasse
        </td>
       
        <td colspan="2" style="border: 1px solid black; width: 500px; height: 133.33333333333px; vertical-align: top;">
        lille kasse
        </td>
    </tr>
</table>

Hvorfor står den så mærkeligt? Jeg synes jeg har gået den igennem, og jeg finder ingen fejl, men jeg har nok overset et eller andet.
Menuen står det rigtige sted, den skal bare have "kasse under menuen" til at stå under sig, mens den store kasse skal stå til højre for menuen og den lille kasse skal være under menuen.

Det er ikke tilfældigt, at jeg har taget udgangspunkt i en 3*3 tabel og brugt colspan og rowspan, så vær venlig at udelad løsningsforslag, der betyder en ændring i opbygningen på de 3*3