[css] ridimensionamento finestra browser causa posizionamento sbagliato elementi

[Ferika]

Salve a tutti!
ho un problemino con il posizionamento dei seguenti due blocchi:

#testo {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 175px;
margin-right: 5px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.7em;
text-align:justify;
line-height: 1.5em;
padding: 5px;
color: #440404;
border-left: 1px #000000 solid;
height: 250px;
whidt: 100%;
background-color: #ffffff;}

#menu_sinistra {
float: left;
margin-top: 5px;
margin-left: 5px;
width: 150px;
font-size: 0.7em;
padding-top: 5px;
padding-bottom: 10px;
text-align: right;
}

entrambi sono inseriti in un box puù grane che li contiene.

Il problema è che se all'interno del blocco "testo" inserisco un'immagine, un swf o un form, cioè qualunque cosa abbia delle dimensioni fisse, se ridimensiono la finestra del browser rendendola troppo piccola per contenere sia il "menu sinistra" che l'oggetto, il browser fa giustamente comparire le barre di scorrimento ma ottengo l'effetto collaterale che il box "testo" si riposiziona in basso, come se dovesse stare al di sotto di "menu sinistra".

allego l'immagine del "layout sbagliato" che è quello che si vedequando ridimensiono la finestra.
Che fare? potreste darmi una mano in modo che "testo" non scenda?


Sono molto inesperta, quindi vogliate scusare grossolane imprecisioni nel codice e nel post ^_^
Grazie a tutti!