[jQuery] validate works in firefox 3, but not in IE 7

[jQuery] validate works in firefox 3, but not in IE 7


hi,
i have a simple form with validation that works really well in
firefox3 / 2 but not in IE7.
this is the html, how to debug or find what is wrong??
thanks
<!doctype html public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
title
</title>
<script type="text/javascript"
src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="/static/jquery.validate.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#signup").validate({
rules: {
username: "required",
password: "required",
email: {
required:true,
email:true,
}
},
messages: {
username: "Please enter username",
password: "Please enter password",
email: "Please enter valid email address",
}
});
});
</script>
</head>
<body>
<form id="signup" action="/signup" method="post"
enctype="multipart/form-data">
<table>
<tbody>
<tr>
<td> Username </td><td> <input type="text" size=16
name="username" value= "" /> </td>
</tr>
<tr>
<td> New Password </td><td> <input type="password" size=16
name="password" value="" /> </td>
</tr>
<tr>
<td> Email </td><td> <input type="text" size=16 name="email"
value="" /> </td>
</tr>
<tr>
<td></td><td> <input type="submit" style="font-size:2em;"
value="DONE "/> </td>
</tr>
</tbody>
</table>
</form>
</body>
</html>