* {
margin:0px;
padding:0px;
}

#top {
height:259px;
}
#top2 {
height:46px;
}
#content {
height:300px;
BackGround-color: #FF0FF0;
}
#afisha {
left:40px;
margin-top:-305px;
position:relative;
width:252px;
}
#foother {
height:46px;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div id="top"></div>
<div id="top2"></div>
<div id="content">
<div id="afisha">[img]images/afisha.jpg[/img]




78</div>

</div>
<div id="foother"></div>
</body></html>

Задача - нужно сдвинуть блок с афише выше родительского блока с контентом. Абсолютное позиционировние не подойдет, т.к. афиши по высоте увеличивается и под ней есть подвал.

Собственно имеем данный код. В эксплорере все отображается как и надо, а вот в мозилле за афишей уезжает и блок с контентом вверх.
Как решить этот косяк?