Salve a tutti,

..forse il titolo non č chiaro..mi spiego meglio

Volevo creare un layout a due colonne e un logo in alto. Vorrei pero' fare in modo che il box di sinistra sia allineato verticalmente con l'immagine, mentre quello del menu sia alla sua destra..
Ci ho provato ma il problema č che il menu inizia dove il div testo finisce, ovvero č in basso a tutto sulla destra

Questo č il CSS:
codice:
body{
        text-align: center;
}
div#contenitore{
        margin: 0px auto;
        padding: 0px;
        width: 600px;
}
div#menu{
        float: right;
        width: 13em;
        text-align: left;
        background-color: white;
}
div#testo{
        margin-right: 10px;
        text-align: left;
        background-color: white;
}
Questo č il semplice HTML.

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Titolo</title>
    <link rel="stylesheet" href="../stili.css" type="text/css">
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
<body>
<div align="center">
 [img][/img]
</div>
<div id="contenitore">
    <div id="testo">
        dsajkasdňljsdlasdjadskl
    </div>
    
    <div id="menu">
        sdjsdlaksjadkldasj 2lk2jlkkjklasjdasklsa
    </div>

</div>
</body>
</html>
Grazie mille