Problem with jquery fadeto()......prototype.js...in IE

Problem with jquery fadeto()......prototype.js...in IE

Hi every1 !!
This little problem which I just cant figure to sort out has done my head in from couple of days now  and at last I am posting it here
I am using fadeto() function for fading effect for a <div> which contains <img> inside it..the lil code is like this:
 
 
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="signout.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script> 
jQuery.noConflict();
 
function rollOver(id)
{
jQuery('#'+id).fadeTo('normal',0.7);
}



function rollOut(id)
{
jQuery('#'+id).fadeTo('normal',1);
}
</script>
</head>
 
<html>
<body>
<?php
$k=1;
echo"
<a href='....'> <div id='$k'> <img src='....' onMouseOver='rollOver($k) onMouseOut=rollOut($k)> </img></div> </a>";
?>
</body>
 
The whole page can be viewed at www.ucidoit.com/categories.php
 
The problem is with IE while in Firefox its all fine. In IE the links over the div wont work also the images are getting halved( exactly one half gets disappeared when hovered over the image... lol).
The problem started when I included prorotype.js but now even when its all removed it still does the same.
Even with using jquery conflict its still same. If theres a problem with code it shud not work in firefox but it works fine there so where is dbug here then???
Any help is much appreciated as this is driving me crazy now hehe
Thanks guys.