IE is making me lose my hair (vertical alignment IE vs FF)

Text vertical alignment in IE vs Firefox

[webharvest]

I've been working on a new site and for the life of me I can't figure out why the vertical alignment of my text is so much different in IE6 verses Firefox. I was hoping someone else has figured this out. He is a link snip

If you open the link in IE6 (I haven't tried 7) you will see that the text (subscribe, unsubscribe, email address) all appear to be aligned to the top and offset.

Any ideas would be greatly appreciated.

Thanks

[edited by: SuzyUK at 4:18 pm (utc) on Dec. 17, 2007]
[edit reason] Please No URI's [/edit]

[penders]

You are floating a LABEL left and allowing the INPUT (type=radio) to flow to the right, so they appear inline. Except in IE the radio button is too low and hence not quite inline.

I think your problem may be to do with the default padding and margins on INPUT (type=radio) elements in IE. And this is pushing the INPUT down so it's not aligned with the LABEL. According to the IE developer toolbar, your radio button has margin-top:3px and padding-top:3px. This could well be the problem. Try setting margin-top and padding-top on your INPUT.

[SuzyUK]

Hi webharvest and Welcome To WebmasterWorld!

unfortunately we do not allow page URI's here in the forum, perhaps if you could isolate just the affected code and CSS and post the sample, it would help both you and us ;)

If I can give you a wee hint, as you did ask for ideas ..

If you take a read of the troubleshooting post [webmasterworld.com] pinned to the top of the forum, you might get some ideas..
the hint: when I ran the first step, which is to validate the HTML [validator.w3.org] I found something regarding improper closure of tags around the "error" span - which I think is affecting IE (though penders previous reply may well fix it).

hth and do feel free to post a sample of your code (include your Doctype) if still stuck.

-Suzy