Ciao a tutti

sto facendo una pagina web e ho riscontrato un problema... che in base alla risoluzione e al browser che utilizzo cambia la struttura dei miei div.... qualcuno conosce una funzione js che permetta di visualizzare la pagina allo stesso modo su tutti i browser e con tutte le risoluzioni?

vi posto il codice della struttura..:

Home:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css3.css">
</head>

<body>



<div id="top">
</div>



<div id="middle">

<div id="left">
</div>

<div id="center">
</div>

<div id="right">
</div>

</div>



<div id="bottom">
</div>

</body>

</html>


CSS:

#top{
width:100%;
height:22%;
border:1px solid black;
}
#middle{
width:100%;
height:72%;
border:1px solid black;
position:relative;
}
#bottom{
width:100%;
height:5%;
border:1px solid black;
position: relative;
}
#left{
top:0%;
left:0%;
width:18%;
height:100%;
border:1px solid black;
position:absolute;
}
#center{
top:0%;
left:18%;
width:62%;
height:100%;
border-left:1px solid #00A8E2;
position:absolute;
overflow: auto;
}
#right{
top:0%;
left:80%;
width:20%;
height:100%;
border:1px solid black;
position:absolute;
}




vi ringrazio^^