[JQUERY]errore IE, Chrome showUp

[gaten]

Salve ragazzi ho la seguente pagina:

<script type="text/javascript">
$(document).ready(function() {	

  //Get all the LI from the #tabMenu UL
  $('#tabMenu > li').click(function(){
        
    //remove the selected class from all LI    
    $('#tabMenu > li').removeClass('selected');
    
    //Reassign the LI
    $(this).addClass('selected');
    
    //Hide all the DIV in .boxBody
    $('.boxBody div').slideUp('1500');
    
    //Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.
    $('.boxBody div:eq(' + $('#tabMenu > li').index(this) + ')').slideToggle('1500');
	
	/* function per l'effetto tooltip */
	$(document).ready(function(){
		$('.title_rel').betterTooltip({speed: 150, delay: 300});
	});
	
	$.(function(){
	$('#boxBody #section #all_releases p.title_rel')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
		})
	});
	/* end function tooltip */
	
    
  }).mouseover(function() {

    //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
    $(this).addClass('mouseover');
    $(this).removeClass('mouseout');   
    
  }).mouseout(function() {
    
    //Add and remove class
    $(this).addClass('mouseout');
    $(this).removeClass('mouseover');    
    
  }); 	
});
</script>

<script type="text/javascript">
$(function() {
	$('.rollover').hover(
            function() {
                //hover in
                $(this).addClass("hovered");
            },
            function() {
                //hover out
                $(this).removeClass("hovered");
            })
            .click(function() {
                    $('.selected').removeClass("selected");
                    $(this).addClass("selected");
            });
});
</script>

<div>
<ul id="tabMenu">
	<li id="vynil" class="rollover">
	<li id="digital" class="rollover">[/list]

<div class="boxTop"></div>

<div class="boxBody">

  
  <div class="section">
  	<p class="pagin">[1] 2 3</p>
	<ul id="all_releases">
		<li class="single_rel">[img]img/releases/rettangoloHMZ002.jpg[/img]
		<p class="title_rel" title="HMZ001 - Astin &amp; Synthek, Insert Coin continuo del testo che andrebbe fuori."><span class="exit_num">HMZ001</span> - Astin &amp; Synthek, Insert Coin...</p>
		
		
		<li class="single_rel">[img]img/releases/rettangoloHMZ002.jpg[/img]
		<p class="title_rel"><span class="exit_num">HMZ002</span> - Astin &amp; Synthek, Ze Pequeno...</p>
		
		
		<li class="single_rel">[img]img/releases/rettangoloHMZ002.jpg[/img]
		<p class="title_rel"><span class="exit_num">HMZ002</span> - Astin &amp; Synthek, Ze Pequeno...</p>
				
	[/list]
  </div>
  
  
  
  
  <div class="section">
  	<p class="pagin">[1] 2 3</p>
	<ul id="all_releases">
		<li class="single_rel">[img]img/releases/rettangoloHMZ001.jpg[/img]
		<p class="title_rel" title="HMZ001 - Astin &amp; Synthek, Insert Coin continuo del testo che andrebbe fuori."><span class="exit_num">HMZ001</span> - Astin &amp; Synthek, Insert Coin...</p>
		
		
		<li class="single_rel">[img]img/releases/rettangoloHMZ001.jpg[/img]
		<p class="title_rel"><span class="exit_num">HMZ002</span> - Astin &amp; Synthek, Ze Pequeno...</p>
		
		
		<li class="single_rel">[img]img/releases/rettangoloHMZ001.jpg[/img]
		<p class="title_rel"><span class="exit_num">HMZ002</span> - Astin &amp; Synthek, Ze Pequeno...</p>
			
	[/list]
  </div>
  
</div>

Funziona benissimo con firefox, mentre con Chrome e IE, se andate col cursore sulle scritte VYNIL e DIGITAL non esce niente. Potete provare qui:

http://hustlermuziklabel.com/test/ ==> basta andare nella sezione "RELEASES"

[frank2tek]

Inanzitutto dovrei sapere se carichi le pagine tramite ajax o richiami le pagine
in modo tradizionale. Poi non so se usi delle pagine html o stai usando php o altri linguaggi.

Comunque per iniziare prova a fare in questo modo :
Sposta il blocco che vedi qui sotto nella funzione $(document).ready(......);
senza racchiuderla in una function ( guarda il codice , secondo blocco )

<script type="text/javascript">
$(function() {
	$('.rollover').hover(
            function() {
                //hover in
                $(this).addClass("hovered");
            },
            function() {
                //hover out
                $(this).removeClass("hovered");
            })
            .click(function() {
                    $('.selected').removeClass("selected");
                    $(this).addClass("selected");
            });
});
</script>

- Secondo blocco modificato da inserire nella tua $(document).ready(......);

$(document).ready({
                  .
                  . 
            // resto del tuo codice
                  .
                  .

// ----------------------------------- Blocco da aggiungere -----------------------
	$('.rollover').hover(
            function() {
                //hover in
                $(this).addClass("hovered");
            },
            function() {
                //hover out
                $(this).removeClass("hovered");
            })
            .click(function() {
                    $('.selected').removeClass("selected");
                    $(this).addClass("selected");
            });
// -------------------------------------------------------------------------------------
});

Se non dovesse funzionare in questo modo allora inserisce il tuo blocco <script>
in ogni pagina html o php ( non so cosa stai usando )
Mi raccomando il tuo blocco script aggiungilo in fondo ad ogni pagina html o php o altro.

// ------------ Metti tutto il blocco script così com'è ------------------
<script type="text/javascript">
$(function() {
	$('.rollover').hover(
            function() {
                //hover in
                $(this).addClass("hovered");
            },
            function() {
                //hover out
                $(this).removeClass("hovered");
            })
            .click(function() {
                    $('.selected').removeClass("selected");
                    $(this).addClass("selected");
            });
});
</script>

Se non ti dovesse funzionare con questi metodi allora fammi sapere. Poi ti dico come fare
dopo che mi hai dato ulteriori informazioni. Ciao..