I have a legend tag in a form, and have applied this CSS code:

.common {
width:500px;
margin:5px auto;
clear:both;
background-color:#F8F8F8;
border:#CCC solid 1px;
padding:10px;
color:#666;}

.common input {
border-color:#999;}

.common fieldset {
border:none;}

.common legend {
border:none;
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
color:#333;}

Even though Ive removed the margin and padding from the legend, IE decides it still wants to indent it further to the right!

Is there any way to stop this?

Styling <legend> tags is a known problem, you might want to read thru this for a solution:
http://www.tyssendesign.com.au/artic...ends-of-style/

Thanks for the help. I had no idea legend tags could be so troublesome! I think I'll just use a heading tag instead lol

Styling form elements has always been problematic, this one is, for whatever reason, nearly impossible.

i just ran into a similar problem... i added a negative margin to the legend
in my IE style sheet:

legend { margin: 0 0 0 -8px; }

main style sheet:

legend { margin:0; }

it appears to have eliminated the indent from my legend tag in IE, and renders fine in all other browsers.