Input type=image - submit button not clickable

HTML & CSS
1

I am seeing this for the first time, my submit button is not clickable. When i mouse over it, only the lower about 1px area is clickable.

It’s the yellow signin button on this page (on maroon background signin area). Please don’t grill me on the iframe use… I am trying to find a solution for the button.


<div class="moduleLogin">
    <div class="inside">
        <div class="labelSignIn"><span>Sign In:</span></div>
        <form id="signInHomeLeftColumn" name="signInHomeLeftColumn" method="post" action="">
            <input type="hidden" id="returnToURLSignInHomeLeftCol" name="returnToURLSignInHomeLeftCol" value="">
             <input type="text" width="180"  align="absmiddle" class="inputBox swap_value" id="signInUserNameLeftCol" name="signInUserNameLeftCol" value="Username"/>
             <input type="password" width="180" align="absmiddle" class="inputBox swap_value" id="signInPasswordLeftCol" name="signInPasswordLeftCol" value="Password" />
             <input type="image" src="[U]signIn.gif[/U]" alt="Sign In" />
        </form>
        <div class="forgot">
             ...
         </div>
         
     </div>
</div>

doc type used on the page:


<!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" xml:lang="en" lang="en">
<head>
2

fixed, just retyped and it started working…