En firefox margen superior grueso que no deberia estar

[Julietita]

Hola! Aqui esta mi codigo. Ya estoy mareada de cuanto le he puesto y sacado. Espero que puedan ayudarme. GRacias!


/*------------body start-----*/
html, body {
background: #000000;
text-align: center;
margin: 0;
padding: 0;

}

/*------------page container start-----*/
#page-container {
margin: 0;
padding: 0;
width: 798px;
margin: auto;
margin-top: 0px;
background: #663300;
background-image:
url('../images/back_container.gif');
background-position:center;
background-repeat: repeat
text-align: left;

}

#vertical_container {
position:absolute;
right:110px;
top: 220px;
height: 250px;
width: 190px;
background: #ffffcc;
background-image:
url('../images/back_vertder.gif');
background-position:top;
background-repeat: no-repeat;
text-align: left;
}
#vertical_container h1 {
margin-left: 15px;
color: #660000;
font-weight: bold;
text-decoration: none;
outline: none;
font-size: 14px;
padding: 10px;
font-family: Times;
text-align: left;
}


#vertical_container a {
color: #341902;
text-decoration: none;
}
#vertical_container a:hover {
color: #ffcc33;
}


/*------------header start-----*/
#header {
margin: 0;
height: 200px;
background: #663300;
background-image:
url('../images/heather.gif');
background-position:center;
background-repeat: no-repeat
text-align: left;

}

#header p {
margin: 0;
font-family: Times;
font-size: 14px;
color: #ffffcc;
font-weight: bold;
margin-left: 26px;
margin-top: 160px;
text-align: left;
}

#header a {
color: #663300;
text-decoration: none;
}
#header a:hover {
color: #ffcc33;
}

/*------------content start-----*/

#content {
background: #341902;
margin-right: 133px;
margin-left: 6px;
font-family: Times;
font-weight: normal;
font-size: 13px;
color: #ffffcc;
text-align: left;

}

#content .padding {
padding:5px;
}



#izquierda {
float: left;
width: 120px;
background: #341902;
margin-left: 3px;
margin-right: 0px;
border: 1px;
border-style: solid;
border-color:#ffffcc;
padding:5px;
line-height: 28px;
}

#izquierda a {
text-decoration: none;
font-family: Times;
font-size: 13px;
color: #ffffcc;
}
#izquierda a:hover {
color: #ffcc33;
}

#derecha {
float: left;
width: 450px;
background: #341902;
line-height: 18px;
margin-right: 0px;
margin-left: 0px;
padding: 10px;

}
#content h2 {
margin: 0;
padding: 0;
padding-bottom: 14px;
font-family: Times;
font-size: 22px;
}

#content p {
margin: 0;
padding: 0;
padding-bottom: 15px;
padding-right: 40px;
font-family: Times;
font-size: 13px;
color: #ffffcc;
}


#derecha a {
color: #ffffcc;
text-decoration: none;
}
#derecha a:hover {
color: #000000;
}
/*------------footer start-----*/

#footer {
clear: both;
font-family: Times;
font-size: 13px;
color: #ffffcc;

text-align: center;
padding: 0px;

height: 140px;
background: #663300;
background-image:
url('../images/footer.gif');
background-position:center;
background-repeat: no-repeat
}


#footer a {
color: #000000;
text-decoration: none;
}
#footer a:hover {
color: #ffcc33;
}