Larghezza div e posizione

[semolino]

Ragazzi ho una td di una tabella larga 530px.
Al suo interno devo mostrare una div che contiene un logo che deve stare sempre come sfondo in alto a dx rispetto alla cella td.
Inoltre la td deve contenere un'altra div che sia larga esattamente come la td (530), che mandi a capo il testo quando arriva a quella misura e che abbia una height di 500px. Se il testo sarà maggiore comparira lo scroll.

[semolino]

Per l'immagine allineata ci sono riusco. Ora ho messo giù un po di codice, ma ho un piccolo problema.

<style type="text/css">
#wrap {
  background:#000000;
  border:0px dotted #333333;
  display:block;
  width:524px;
  padding:3px;
  text-align:center;
  float:left;
}

#wrap, #logo {
    background: #000 url('images/logo.jpg') right top no-repeat;
}

#menu2 a:link, #menu2 a:visited {
display: block;
float: left;
color: #FFFFFF;
line-height:15px;
margin: 0;
text-indent: 5px;
text-align: left;
font-weight: bold;
width: 124px; /* varia sempre calcolando la larghezza complessiva di #menu */
text-decoration: none;
font-size:12px;
}
#menu2 a:hover {
background-color:#333333;
color: #FFFFFF; /* colore del text over link */
}


#s_menu2 .text {
  border:1px dotted red;
  margin-top:0px;
  margin-left:0px;
  width:124px;
  height:350px;
  padding:0px;
}

#testo { width:374px; border:1px dotted #333333;float:left; overflow:hidden; overflow:auto; height:350px;} 

</style>

<div id="wrap">
<div id="logo"></div>
    <div id="menu2">
        <div id="s_menu2">
         <div class="text">
        link
        link
            </div>
        </div>
    </div>

    <div id="testo">abc</div>

</div> 

Le div menu2 e testo mi compaiono una sotto l'altra. A me servirebbero una difianco all'altra. Ho utilizzato i float ma non mi cambia niente. per ora sto testando con Firefox.