Ciao a tutti!
Sto smadonnando come un pazzo per questo lavoro! Vorrei riuscire a sistemare il DIV User che troverete in foto, in modo tale che si adatti alla finestra del browser!!
In foto , ciò che vedo a schermo è la parte alta, ma quella che vorrei è la parte inferiore!
Qualcuno ha idee?

Grazie in anticipo



Qua l'HTML

codice:
<!DOCTYPE html>  <html lang="it" xmlns="http://www.w3.org/1999/xhtml"> <head>  <link rel="stylesheet" type="text/css" href="stile.css" />     <title>Super Hero</title> </head> <body>  <div id="barra">         <div id="logo">[img]img/logo.png[/img]                 <div id="contenitorebottoni"><table cellspacing="1"><tr>                 <td><div id="home"></div>                 <td><div id="profili">

Profili</p></div></td>                 <td><div id="analisi">

Analisi indicatori</p></div></td>                 <td><div id="contenuti">

Contenuti</p></div></td>                 <td><div id="storico">

Storico risposte</p></div></td>                 <td><div id="i">

<a href="#" class="button"></div></td>                 <td><div id="user"><div id="txt">###########</div></div></td></tr>                 </table>                 </div>         </div> </div>   </body> </html>

Qua il CSS

codice:
html{ 	height:100%;     font-family:Aparajita; }  body{ 	background:#89B4D4; 	margin:8px; 	height:98%; 	color:#676565; } #barra {width:100%; margin: 0px auto; } #contenitorebottoni {position:absolute;height:100%;left:140px;top:0px;width:auto; } #logo {width:auto; height:70px;position:relative; } #home {position:relative; top:0px;left:46px;width:44px; height:61px; background-image:url('img/home.png'); } #profili {position:relative; top:0px;left:48px;width:137px; height:60px; background-image:url('img/profili.png'); padding:2px; font-size:20px;text-align:center;line-height:18px; }  #analisi {position:relative;left:50px;top:0px; width:166px; height:60px; background-image:url('img/analisi.png');padding:2px; font-size:20px;text-align:center; line-height:18px; }  #contenuti {position:relative;left:52px;top:0px; width:108px; height:60px; background-image:url('img/contenuti.png');padding:2px; font-size:20px;text-align:center; line-height:18px; }  #storico {position:relative;left:54px;top:0px;width:158px;; height:60px; background-image:url('img/storico.png');padding:2px; font-size:20px;text-align:center; line-height:18px; }  #i {position:relative;left:56px;top:0px;font-family:Aparajita;width:36px; height:59px; background-image:url('img/i.png');padding:2px; font-size:20px;text-align:center; line-height:18px; }  #user {position:absolute;left:0px;top:3px;width:auto; height:60px; background-image:url('img/login.png');padding:2px; font-size:20px;text-align:right; line-height:18px;color:white;overflow:hidden;float:left } #txt {position:relative; left:750px; top:10px;width:100%;height:100%;text-align:left;line-height:18px; }    /*CLASSI*/  a.button:link {color:white;text-decoration:none; } a.button:hover {color:white;text-decoration:none; } a.button:visited {color:white;text-decoration:none; }