I'm unclear about what you expect to happen since it seems your "theHover"
div is empty...
But I suggest you don't define inline event handlers like that. Instead, add
something like this to your HEAD tag:
<script type="text/javascript">
$(document).ready(function() {
$('#theHover').bind('mouseover', function() {
$(this).parent().find('.bookCoverTxt').fadeIn('medium');
});
});
</script>
You might also consider the "hover" event:
http://docs.jquery.com/Events/hover#overout
--Erik
On 9/15/07, malebrok <[EMAIL PROTECTED]> wrote:
>
>
> This code works in firefox but not in ie (6.0) :
> <div class="bookDiv">
> <div class="theHover" onmouseover="$
> (this).parent().find('.bookCoverTxt').fadeIn('medium')"></div>
> <img src="img" border="0" class="bookCover" />
> <div class="bookCoverTxt">
> <strong>blabla</strong>
> </div>
> </div>
>
> the hover div (invisible) set to fill the whole bookDiv... The code
> should show the bookCoverTxt div on mouseover..
>
> What should i do?
>
>
