[PHP,CSS,JQUERY]

[Vulpiani]

Salve, mi do da solo il benvenuto su questo forum

Ho un problema assai grave, allora, passo a descriverlo.
Ho creato un sito con Joomla, e preso un moduletto che crea tooltip con JQuery su delle icone che corrono tutte intorno al content. Fin qui nulla di complesso, alla fine è semplice...però...
Ho provato a dare un'immagine trasparente al fumettino che esce passando il mouse sulle icone, e in firefox funziona perfettamente mentre in Internet Explorer 8 non vuole saperne. Mi sta mandando ai matti da ieri questa cosa!!!
Vi allego i codici dei file della View del modulo e il css.


default.php (view)

<?php 

/**

* @package   JE Roll over tooltip menu

* @copyright Copyright (C) 2009-2010 Joomlaextensions.co.in All rights reserved.

* @license   http://www.gnu.org/licenses/lgpl.html GNU/LGPL, see LICENSE.php

* Contact to : emailtohardik@gmail.com, joomextensions@gmail.com

* visit : http://www.joomlaextensions.co.in

**/

defined('_JEXEC') or die('Restricted access'); 





$doc =& JFactory::getDocument();





$doc->addStyleSheet( 'modules/mod_jerollovermenu_1/css/jerollovermenu.css' );





$doc->addScript("modules/mod_jerollovermenu_1/js/jquery.js");



$iconbar_bg = $params->get('iconbar_bg','eef');



$roll = $params->get('roll','_over');

 

$uri         =& JFactory::getURI();

$url= $uri->root();

//$url    = substr_replace(JURI::root(), '', -1, 1)."/";



?>

<div id="jeiconmenu" align="center"  >

 

<style type="text/css">

#up_iconbar_1 {background:none; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; }



#jeiconmenu ul {list-style:none;}

#up_iconbar_1 li {float:left; position:relative;width: 50px; margin-right:40px; margin-bottom:34px;}





</style>

<ul id="up_iconbar_1">

<script language="javascript" type="text/javascript">

jQuery(document).ready(function(){

    $("#up_iconbar_1 li").hover(

        function(){

            var iconName = $(this).find("img").attr("src");

                var f= iconName.split("/");

            var g=f.length-1;

            var path="<?php echo $url;?>";

            var origen = f[g].split(".")[0];

            origen=path+"images/stories/"+origen;

//        var origen = iconName.split(".")[0];

            $(this).find("img").attr({src: "" + origen + "<?php echo $roll?>."+f[g].split(".")[1]});

            $(this).find("span").attr({

                "style": 'display:inline'

            });

            $(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});

        }, 

        function(){

            var iconName = $(this).find("img").attr("src");

            var origen = iconName.split("<?php echo $roll?>.")[0];

            

            $(this).find("img").attr({src: "" + origen +"."+ iconName.split("<?php echo $roll?>.")[1]});

            $(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",

                function(){

                    $(this).find("span").attr({"style": 'display:none'});            

                }

            );

        });

});

</script>



<?php



    foreach($list as $l)

            {

                     

            $menu_params = new JParameter( $l->params );

            $img= $menu_params->get( 'menu_image');

            $image_dir=$url."images/stories/".$img;    

            

            if ((strpos($l->link, 'index.php?') === 0) && (strpos($l->link, 'Itemid=') === false)) {

                    $l->url = $l->link.'&amp;Itemid='.$l->id;

                } else {

                    $l->url = $l->link;

                }

            $link=JRoute::_($l->url);

                    

            echo'<li><a href="'.$link.'"><img src="'.$image_dir.'" /><span>'.$l->name.'</span></a></li>';

          }



 ?> </ul> 



</div>

<div style="clear:both;"></div>

jerollovermenu.css

#up_iconbar_1 span {

	background: url(tab_bg.png) no-repeat;

	width: 110px;

	height: 35px;

	position: absolute;

	top: -50px;

	left: -80px;

	text-align: center;

	padding: 5px;

	display: none;

	line-height:110%;

	color:#000000;

	cursor:pointer;

}

Spero almeno voi riusciate a risolverlo...vi ringrazio!

[Vulpiani]

nessuno può darmi una mano?