Se non ho capito male, per usare .live(), è richiesto che nella pagina di partenza ci sia già un elemento con stessa classe o stesso tipo di quello sul quale poi lavorare.
Nel mio caso così non è, quindi neanche così funziona.

Riporto il codice che ho, così magari qualcuno sa darmi qualche dritta.

Pagina principale
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
   <title>Title here</title>
	
   Qui ci sono vari file js e css

   
   <script type='text/javascript'>
      $(document).ready(function(){
         $("img.sopra").hover(
            function() {
               $(this).stop().animate({"opacity": "0"}, "slow");
            },
            function() {
               $(this).stop().animate({"opacity": "1"}, "slow");
            }
         );		 
      });
   </script>
	
</head>
<body>
<div id="container">
   <div id="header">LOGO</div>
      <div id="navigation">
         <ul id="hor">[*]Home[*]Storia[*]contatti[*]Prodotti[/list]
      </div>
   <div class="clear"></div>
   <div id="content">
      <?php include("home.html") ?>
   </div>
   <div id="footer">Footer</div>
</div>
</body>
</html>
file con le immagini che verrà chiamato tramite AJAX
Codice PHP:
<div class="fadehover">
   <div class="cover">
      [url="#"][img]images/cover/immagine1.jpg[/img][/url]
      [url="#"][img]images/cover/immagine1_bw.jpg[/img][/url]
   </div>
   <div class="cover">
      [url="#"][img]images/cover/immagine2.jpg[/img][/url]
      [url="#"][img]images/cover/immagine2_bw.jpg[/img][/url]
   </div>
   <div class="cover">
      [url="#"][img]images/cover/immagine3.jpg[/img][/url]
      [url="#"][img]images/cover/immagine3_bw.jpg[/img][/url]
   </div>
</div> 
Come dovrei modificare il codice affinché funzioni?