Jquery - fadeIn() in png

HTML

<div id="content">
    <a href="#" id="onmousehover">onmousehover</a>
    <br />
    <br />
    <div id="bloc">
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
        <p>here! now... mouse hover in on link.</p>
    </div>
</div>

CSS

body {
    font-family: Verdana;
    font-size: 1.0em;
}

#content {
    background: #CCC;
    height: 500px;
    
}

#bloc {
    background: url("http://i53.tinypic.com/6z0far.png") no-repeat;
    heigth: 300px;
    width:400px;
    display: none;
    padding: 40px;
    margin: 40px;
    z-index: 999;
    
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
    
}

JavaScript

$("#onmousehover").live("hover", function() {
    $("#bloc").fadeIn("slow");    
});
        

$("#onmousehover").live("mouseout", function() {
    $("#bloc").fadeOut("slow");
});