Strangeness on IE8 [Archive]

ScottieSLG

2nd April 09, 04:13 PM

I have a page that seems to be working fine in all browsers except IE8. Is this a bug in IE8, or should I be doing it differently?

In IE8, the 2nd textbox and the submit button are indented. If I click to compatibility mode, it looks fine.

Also, if I take the style out of the textbox tag it works fine.

Any suggestions?

See it at http://scott.coverdata.com/mojoads/login/test.html

CSS:
.RequiredFieldLabel
{
font-weight: bold;
text-align: right;
height: 16px;
float: left;
margin-right: 5px;
margin-top: 3px;
}

.NormalTextBox
{
height: 14px;
width: 150px;
font-size: 9pt;
}

.NormalButton
{
height: 22px;
width: 75px;
font-size: 9pt;
}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<link rel="stylesheet" type="text/css" href="../StyleSheets/Style.css" />
<title>Sign Up</title>
</head>

<body>
<div class="RequiredFieldLabel" style="width: 100px;">Username:</div>
<input type="text" class="NormalTextBox" />
<br />

<div class="RequiredFieldLabel" style="width: 100px;">Password:</div>
<input type="password" class="NormalTextBox" style="border:solid 1px Red;" />
<br />

<div class="RequiredFieldLabel" style="width: 100px;">Verify Password:</div>
<input type="password" class="NormalTextBox" style="border:solid 1px Red;" />
<br />

<input type="submit" value="Sign Up" class="NormalButton" />
</body>
</html>