Form css layout broken in IE...

[TomB]

I changed to layout of my guestbook form from table based to css based,
and it looks as intended in Firefox. In IE6 however the three top
fieldsets are shifted to the right side.

http://deimos.curious.be/~dusk/gabo.php -click "sign guestbook"

Anyone?

Here's the CSS used:

form label {
display: block;
float: left;
text-align: right;
width: 30%;
}

input { width: 60%; }

form fieldset {
border: 1px #900 solid;
margin-left: auto;
margin-right:auto;
width: 425px;
}

Complete css file is at http://deimos.curious.be/~dusk/dusk.css

[feed_sheep]

Hi,

"TomB" <to*************@gmail.comwrote in message
news:11**********************@b28g2000cwb.googlegr oups.com...

>I changed to layout of my guestbook form from table based to css based,
and it looks as intended in Firefox. In IE6 however the three top
fieldsets are shifted to the right side.

Add: display: block; clear: both; to the following rule.

form fieldset {
border: 1px #900 solid;
margin-left: auto;
margin-right:auto;
width: 425px;
}

--
David