I have a div with margin-left:200px. That div contains form elements. Firefox renders it correctly all aligned left. But in IE form elements are rendered with left margin of 200px ?!
Is this a bug of IE?
Is there any workaround?
Here is the case:
http://static.trigger.ee/trigger/site_content_zzz.html
Strange margin inheritance in IE 6
Some things you might look at:
style="width: 200px;margin-left:200px;">
<select id="__wysiwyg_css__"> id and class names must begin with a letter. Too, I don't believe underscores are allowed at all.
.sec INPUT {
margin:0;
padding:0;
} Note that css and xhtml are case sensitive. INPUT ≠ input.
I was too lazy to cut and paste, so I didn't test for fixes.
cheers,
gary
Strange margin inheritance in IE 6
Well, I fixed thouse things and tested. No changes -(
This <select id="__wysiwyg_css__"> is ment for DOM (javascript) not CSS.
I solved it with placing form elements into table cells ?