Footer positioning problem with Mozilla

I have a problem with the positioning of my footer in mozilla. It all works OK in IE6, NN7 and Opera7 on Win 98SE. However, in Mozilla2, the footer is not at the foot of the page.

I've tried various ways round it (including taking it outside of the outer div), but Mozilla insists on displaying the footer about a third of the way down from the top of the page.

As I'm still on a steep learning curve with css, it's no doubt my fault, but I can't see why.

Please can anyone help? Thanks Jools

Strippped html and css files below:--

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<div align="center">

<div id="outer">

<div id="hdr"></div>


<div id="bar">
</div>


<div id="bodyblock">

<div id="l-col" align="left">

<div id="links">
</div>

</div>


<div id="contmins">
</div>

</div>


<div id="ftr"></div>

</div>

</div>
</body>
</html>

Main css file:-

#outer {
width: 98%;
}

#hdr {
height: 70px;
}

#bar {
height: 70px;
padding-left: 20px;
vertical-align : top;
border : none;
}

#bodyblock {
width: 100%;
position: relative;
height: 80%;
padding: 0px;
vertical-align : top;
margin-top: 10px;
}

#l-col {
float: left;
padding: 0px;
z-index: 1;
font-size: 1em;
vertical-align: top;
text-align: left;
height: auto;
width: 16%;
}

#contmins {
position: relative;

Menu css file:-

DIV#links {
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
position: absolute;
width: auto;
height: 400px;
background-color: #ffffff;
border: 2px #000080 solid;
left: 2px;
top: 25px;
}
font-size: 1em;
vertical-align: top;
width: 80%;
float: right;
height: 1px;
}

#ftr {
margin: 0px;
height: 70px;
display: block;
}

Footer positioning problem with Mozilla

joolsm

ShawnR

joolsm

ShawnR

joolsm

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week