Ho un problemino che non riesco a risolvere. Ho scritto questa funzioncina:

Codice PHP:
function showActionBox (element) {
    var 
homeId "#views-home";
    var 
offset element.children('img').offset();
    var 
actionBox = $('<div></div>');
    
actionBox.hide();
    
actionBox.addClass ('views-action-box');
    
actionBox.mouseleave(function() {
       $(
this).fadeOut(500);
       $(
this).remove();
    });
    
actionBox.offset ({top: (offset.top 10), left: (offset.left 10)});
    
element.children('img').clone(false).appendTo(actionBox);

    var 
textElements = $('<div></div>');
    
textElements.append('<h6>Item name here</h6>');
    
textElements.append('

Long description here if any...</p>'
);
    
actionBox.append (textElements);

    var 
actions = $('<ul>[/list]');
    
actions.append ('[*][url="#"]Open[/url]');
    
actions.append ('[*][url="#"]Delete[/url]');
    
actions.append ('[*][url="#"]Move to...[/url]');
    
actions.append ('[*][url="#"]Copy to...[/url]');
    
actions.append ('[*][url="#"]Share...[/url]');
    
actionBox.append (actions);

    $(
homeId).append (actionBox);
    
actionBox.fadeIn(500);

Viene chiamata all'hover su un'icona, e l'effetto che voglio ottenere e' questo:



Funziona perfettamente con Firefox, Chrome, Opera, Safari, ma con IE8 mi da' un errore alla riga 145 di jQuery.min. La riga incriminata e':

codice:
function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);/**ERRORE QUI**/
var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&
f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+
(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=

Avete idea di come posso risolvere? Qualcuno ha mai avuto lo stesso problema?