Buona sera a tutti,
ho un problema con le tab di jquery e ie

Praticamente il codice base qui sotto funziona perfettamente con firefox ma con ie non ne vuole proprio sapere.

Qualcuno saprebbe darmi qualche indicazione... non so proprio dove andare a sbattere la testa.

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Documento senza titolo</title>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="application/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="application/javascript"></script>

        <script type="application/javascript">
            $(document).ready(function(){
                $("#tabs-rotate").tabs({ fx: { /*opacity: 'toggle'*/ } });//.tabs('rotate', 10000)
                $('#tabs-rotate').hover(function(){
                    $(this).tabs('rotate', 0, false);
                },function(){
                    $(this).tabs({ fx: { /*opacity: 'toggle'*/ } });//.tabs('rotate', 10000)
                }
            );
            });
        </script>
    </head>

    <body>
        <div id="tabs-rotate">
<ul>[*]<span class="etichetta">tab 1</span>[*]<span class="etichetta">tab 2</span>[*]<span class="etichetta">tab 3</span>[/list]
<div id="tab1">
<h2>Lorem ipsum dolor sit amet</h2>


consectetuer adipiscing elit</p>
</div>
<div id="tab2"><h2>Lorem ipsum dolor sit amet</h2>


consectetuer adipiscing elit</p>
</div>
<div id="tab3"><h2>Lorem ipsum dolor sit amet</h2>


consectetuer adipiscing elit</p>
</div>
        </div>
    </body>
</html>