Ciao a tutti, sto approcciando jquery ma sto impazzendo, non riesco a capire cosa ci sia che non vada in questo semplice codice:

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <script type="text/javascript" src="jquery.js"></script>

<style type="text/css">
.fondo { 
    position:absolute; 
    background-color:#FF6000; 
    width:800px; 
    height:170px;
    z-index:1;
}

.immagine {
    z-index: 2;
    left: 350px;
    height: 170px;
    width: 450px;
    position: relative;
}

</style>


    <script type="text/javascript">

    $(document).ready(function(){
    $(".immagineid").fadeTo("slow", 0.3); 

    $(".immagineid").hover(function(){
    $(this).fadeTo("slow", 1.0); 
    },function(){
    $(this).fadeTo("slow", 0.3); 
    });
});

</script>

</head>

<body>

    <div id="fondoid" class="fondo"></div>
    <div id="immagineid" class="immagine">[img]image.jpg[/img]</div>

</body>

</html> 
I path dello script e dell'immagine sono ok.

C'è qualcosa che mi sfugge? Non funziona niente.

grazie e ciao