[CSS] Różne przeglądarki

[akaterin]

Ostatnio wzięłam sie za swój pierwszy poważny projekt... I zwątpiłam w swoje umiejętności. W każdej przeglądarce moja strona wygląga inaczej:/ Efek dostępny na www.kasiatest.ovh.org
Wstawię tutaj kod CSS i jakby ktoś widział jakieś błędy to...

html {
height: 100%;
}

body {
font-family: Monotype Corsiva, Verdana, sans-serif;
color:#242B7B;
font-size: 18px;
background:#D5DFF8 url('img/tlo.jpg') top no-repeat;

}

p {
margin: 5px 0 15px 0px;

}

a {color: #ffffff; text-decoration:none; font-family: English Wd, Monotype Corsiva; font-size:21px; }
a:hover { color: #D5DFF8; text-decoration:none;}

h1 {
font-size: 40px;
text-align: left;
font-family: English Wd, Monotype Corsiva, Arial, sans-serif;
font-weight:bold;
color:#747895;
margin: 0 0 15px 0px;
}

h2 {
font-size: 30px;
text-align: left;
font-family: English Wd, Monotype Corsiva, Verdana, sans-serif;
font-weight:bold;
color:#747895;
margin: 15px 0 15px 0px;
}

hr {
border:none;
background:#9DB5C1;
color: #9DB5C1;
margin: 15px 0 15px 0px;
height: 1px;
}

#menu{position:relative; top:3px; left:12% ; height: 300px; font-family:tahoma;font-size:1.08em;list-style:none; display:inline;}
#menu li{float:left;}
#menu a{display:block;float:left;height:41px;padding:0 5px;font-weight:bold;line-height:41px;text-decoration:none;}
#menu a:hover{ left bottom; color: #D5DFF8;}
#menu .selected{left bottom; color: #ffffff;}

#text {
width:655px;
height:458px;
position: relative;
top:275px;
left:56%;
margin-left: -390px ;
overflow:auto;
scrollbar-base-color: #D5DFF8;

}
#foot {
font-family: English Wd, Monotype Corsiva;
position: absolute;
top:805px;
left:24%;

}

#lang {
position: absolute;
top:290px;
left:26%;
}