Problème de positionnement des tabs et des boîtes jquery

J’ai utilisé jquery tabs et accordéon.Le code est le suivant:

               //tabs $(function() { $( "#content-area" ).tabs(); $("#content-area").resizable(); $("#content-area").draggable(); }); //button $(function() { $( "button, input:submit, a", ".demo" ).button(); //$( "a", ".demo" ).click(function() { return false; }); }); //resizable box $(function() { $( "#item-list" ).accordion({ fillSpace: true }); }); $(function() { $( "#item-list" ).resizable({ minHeight: 140, resize: function() { $( "#item" ).accordion( "resize" ); } }); });    


hii



ItemsList

item list here

Mon fichier css a:

 #content-area { float:left width: 350px; height: 450px; padding: 0.5em } #item-list { float:right width: 150px; height: 150px; padding: 0.5em; } #item h3 { text-align: center; margin: 0; } 

quand je lance les tabs de l’application et que la boîte d’accordéon est l’un en dessous de l’autre.Je veux que les tabs soient à gauche et la boîte à droite.Même quand je l’ai spécifié dans css, le positionnement et le dimensionnement ne sont pas appliqués