Probleme mit den verschieden Browsern

[Paul]

also der Quelltext des Layouts mit den Pixel Angaben schaut so
aus:

<style type="text/css">
<!--
 div {border: 1}
 #Logo { position:absolute; left: 175px; top: 0px; height: 85px; width: 554px; border-bottom: 0px solid black; border-left: 1px solid black; border-right: 0px solid black; }
 #Navi { position:absolute; left: 175px; top: 85px; height: 915px; width: 160px; background-color:#DDDDDD;border-left: 1px
solid black; border-bottom: 1px solid black; border-top: 1px solid black; border-right: 0px solid black; }
 #Text { position:absolute; left: 335px; top: 85px; height: 915px; width: 394px; background-color:#D4D0b8;border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }
 #Shoutbox { position:absolute; left: 729px; top: 0px; height: 1000px; width: 200px; background-color:#DDDDDD;border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black }
//-->
</style>

und der mit den Prozent Angaben:

<style type="text/css">
<!--
 div {border: 1;}
 #Logo { position:absolute; left: 12%; top: 0%; height: 15%; width: 53.1%; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
 #Navi { position:absolute; left: 12%; top: 15%; height: 150%; width: 18.0%; background-color:#DDFFBB;border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
 #Text { position:absolute; left: 30.2%; top: 15.2%; height: 150%; width: 35.0%; background-color:#CCFF99;border-bottom: 1px solid black; border-left: 0px solid black; border-right: 1px solid black; }
 #Shoutbox { position:absolute; left: 65.1%; top: 0%; height: 165.2%; width: 19.5%; background-color:#DDFFBB;border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
//-->
</style>

vielleicht könnt ihr mir ja jetzt weiter helfen. Ich weiß auch nicht ob alles so richtig ist, weil ich mich noch nicht so viel mit CSS beschäftigt habe.

mfG Paul