CSS problem with borders

Question

Hello,
This page
http://www.curriculum2000.co.uk/new.htm
is displaying in IE6,
just how I want it to, with a yellow border, which spans the
whole width
of the window and sits directly underneath the buttons.
However in FF and Safari it is sitting above the buttons.
What do I need to do to move it down? Many thanks.
Vix

Answer 1

Thank you Michael!
There's something about float which hasn't quite clicked with
me yet!
Michael Fesser wrote:
> .oO(Vix)
>
>
>>This page
http://www.curriculum2000.co.uk/new.htm
is displaying in IE6,
>>just how I want it to, with a yellow border, which
spans the whole width
>>of the window and sits directly underneath the
buttons.
>>
>>However in FF and Safari it is sitting above the
buttons.
>
>
> As usual: IE is wrong. The result in FF, Opera etc. is
correct.
>
>
>>What do I need to do to move it down? Many thanks.
>
>
> The navigation bar is floated to the left, hence taken
out of the normal
> flow. This means the surrounding boxes #headerborder and
#menubar are in
> fact empty. One way to keep the float within these
boxes:
>
> #menubar {overflow: hidden}
>
> Micha