[jQuery] IE7 Hover problem

[jQuery] IE7 Hover problem


Hi,
I've got a simple page here with a mouse-over effect using .hover to
change the background position of the image:-
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#iconsmenu {
position:relative;
background:#ccc;
width:600px;
height:110px;
left:92px;
}
#myicon {
width:75px;
height:110px;
background:url(images/icons/myicon.png) no-repeat;
float:left;
}
</style>
<script type="text/javascript" src="javascript/jquery-1.2.6.js"></
script>
<script type="text/javascript">
$(document).ready(function() {
    
$("#myicon").hover(function () {
var cssObj = {
backgroundPosition: "-75px,0"
}
$(this).css(cssObj);
}, function () {
var cssObj = {
backgroundPosition: "0,0"
}
$(this).css(cssObj);
    
});
});
</script>
</head>
<body>
<div id="iconsmenu">
    <div id="myicon">
    </div>
</div>
</body>
</html>
It works fine in Safari on both Mac and PC, FF on Mac but IE7 keeps
throwing an Error: Invalid Argument at line 1120 of jQuery!?!?!?
Line 1120 is: elem[ name ] = value;
Does anyone have any thoughts on this?
It's driving me mad.
Thanks