Okay so I have a site which uses a sliced psd as the template, and in one corner, a login form. In FF it’s working fine, but IE seems to have trouble with it. I am using css to change different values of properties. I tried setting the input boxes to a height of 10px and that fixed the problem, but then the boxes are way too small. this is what I have in the page:
<TD style="width: 163px; height: 53px; background: #E1E1E1; font-size: 10px;"> <form name="login" method="post"> <input type="text" name="login" class="select" style="width: 100px; height: 20px;" /><br /> <input type="password" name="pass" class="select" style="width: 100px; height: 20px;" /><input type="submit" value="Login!" class="submit" style="padding-left: 10px;" /> </form> </TD>
this outputs this:
In ff it looks great. In IE it changes the tds height. WHY? I tried padding the form, hoping it would move it down a bit as it seems to not understand it has tons of room below the form area, yet it’s still messing it all up. Any ideas?