Pixel Jumping

[camargo]

Howdy Kirupans!

I have a question about some CSS issues that I'm encountering. I have a form that highlights particular areas when you focus on them. If you checkout the link below in Firefox, it should display properly. However, when you browse the page in IE, the DIV that contains the form element in focus will shift slightly.

[Page] http://www.wirelessinteractive.com/corporate/contactus.php
[CSS] http://www.wirelessinteractive.com/css/uni-form2.css

This is a slightly modified version of the Uni-Form (http://dnevnikeklektika.com/uni-form/) markup. If anyone can figure it out, I'd appreciate a quick tap on the noggin!

Thanks everyone. :)

[BetaWar]

I believe that your problem is because you ae adding the border. In IE the border is added on after the heightand width is done, so it adds 2 (or whatever your border is *2) to the height of the area. So you will need to make the areas 2 pixels shorter in IE for it to not shift, but then you will need to have a script to tell what browser is in use to see decide which script is needed.