Remove spacing around input elements in IE7
Posted on 2009-03-28
I'm struggling to build a web form that is compatible with IE7 and FireFox. Firefox displays the form elements right next to each other, but IE7 seems to add quite a bit of margin or padding around textboxes and drop down lists. When I use CSS to add negative margins I can bring the form into the way it is supposed to look in IE7, but of course then it looks horrible in FireFox.
I've tried setting the margin of inputs on the page to 0px, but it doesn't seem to make any difference. Has anybody dealt with this issue before? Any ideas how to make this work in both browsers?