IE6 and floating items - Help needed

[HairyHun]

I have a recurrent pattern on my website...

I use windows to organise the content of my website.
For each of these windows, I use a DIV, where, the H2 defines the top background of the window top and the style of the title text.

On the top right side of the window, I put search fields and other buttons. (ie.: minimize/maximize)

For some reason, under IE6, this part always jumps out. ( above the window ).

it's hard to explain, so I will provide a link.

Sample Page

Could somebody please point me in the right direction or tell me what's the best way to achieve this with IE6 compability.

Thanks
Hairy HUn

 

[bobsoap]

I'd write a custom stylesheet for our beloved IE6 where you adjust the margin-bottom of the elements that jump out (and/or more - most likely AND more). Define it in the header like so:

<!--[if lt IE 7]><link rel="stylesheet" href="ie6.css" type="text/css" media="screen" /><![endif]-->

...and call it after the normal stylesheet so that it overrides the styles just for IE6.