Hi all,
I have a strange IE7 css problem, where the slim <legend> tags with their green
backgrounds on this page http://www.mrskibbles.co.uk/?page=shop.registration
are sitting in 7px in from the left than they need to be. They should line up
with the main "Register" <h1> at the top of the main donut, and do in all of
the five main browsers including IE8 - but not in IE7 where they indent (I am
not trying for any compatibility with IE6 so that is not needed).
I will of course post all of the code below if someone requests, but it would
hope it would be just as easy to check the code using something like Firefox or
Chromes Inspect Element etc.
The css for the actual legend is:
form.johnRegForm legend { background-color:#62A868; border:2px solid #4B8750;
width:558px; height:25px; line-height:1.8; padding:0 0 0 8px; text-align:left;
color:#fff; font-weight:bold; margin:0; }
After two hours of searching I just can't find where the indent is coming from.
Thanks for any help in advance. John.
_________________________________________________________________
http://clk.atdmt.com/UKM/go/197222280/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
