form layout bug in IE

[nk111]

I don't know if this has been addressed here already. If so, please ignore.

I noticed that all the input elements of the comments form are incorrectly pushed 20px to the right in Internet Explorer. See attached image.

The reason is a rendering bug in IE as explained here:

http://www.positioniseverything.net/explorer/inherited_margin.html

There are some solutions for this but the most simple I think is:

put an additional <span> tag around the input and textarea tags in tpl_form.php!

like this:

Code:

<p>
    <span>
        <input id="comments-form-name" type="text" name="name" value="" maxlength="<?php echo $this->getVar('comment-name-maxlength');?>" size="22" tabindex="1" />
        <label for="comments-form-name"><?php echo JText::_('FORM_NAME'); ?></label>
    </span>
</p>

This solved the problem for me.

I hope this helps.