CSS Layers not sitting properly

I'm working on a site and it looked great, but when I loaded up my pages the header layer is now laying over the main text. I can't seem to fix it - any ideas would be very much appreciated!

http://www.englishinbasel.ch/index.html

Thanks!
K

 

I have the same files loaded on a different server and it looks great:

http://www.cardsandcandles.ch/hsk/index.html

 

Well, I don't know if this is it, but I'm seeing differences on the style sheets...

first:
#container {
margin: 0px auto;
text-align: left;
width: 717px;
position:relative;
}
a{
font-size:12px;
}
p{
margin: 15px 0px;
}


Second:
#container {
margin: 0px auto;
text-align: left;
width: 717px;
}
a{
font-size:12px;
}
p{
margin: 15px 0px;




and



First:
#header {
margin: 0px 0px 0px 0px;
background-image:url(images/header.jpg);
width:717px;
height:288px;
position:relative;
left: 39px;
top: 404px;


}



Second:
#header {
margin: 0px 0px 0px 0px;
background-image:url(images/header.jpg);
width:717px;
height:288px;
position:relative;
}

 

Thanks! I uploaded the original stylesheet again and it works!