This is my layout http://examples.awardspace.com/

You see the content box doesn't repeat in FireFox but it does in IE. How can I make it repeat in Firefox?

CSS code

body {
background-image: url(images/bg.jpg);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #10659C;
}
#Top {
position:absolute;
width:200px;
height:115px;
z-index:3;
}
#Content {
background-image: url(images/index_03.jpg);
background-repeat: repeat-y;
padding: 10px;
position:absolute;
width:389px;
height:212px;
z-index:1;
left: 30px;
top: 417px;
}
#Nav {
position:absolute;
width:239px;
height:166px;
z-index:2;
left: 483px;
top: 417px;
}
a:link {
color: #10659C;
text-decoration: none;
}
a:visited {
color: #10659C;
text-decoration: none;
}
a:hover {
color: #000066;
text-decoration: none;
}
a:active {
color: #10659C;
text-decoration: none;
}