Floating problem

Hi ,

I´m having a floating problem on my projetct, appears to be simple but i cant figure it out, maybe you guys can help on this one:

I wanna the <ul> aligned on the left and the divs to the right, simple as that, the problems is, i´ve put width,height,clears,it just appears that the ul is getting auto width.

Heres the link, you guys will understand.

EDITED: AND Yes the HTML inside the section has to be exactly like that for the javascript ui-tabs to works, but i´ve disabled and made some tests dont believe its the problem!


Thanks. :nanaman:

The div on the right has clear:both; applied in two rules in separate stylesheets, and so drops below the ul. Remove the clear declarations from both and it will move up.


.ui-tabs .ui-tabs-panel {
outline: 2px solid black;
width: 600px;
height: 300px;
float: right;


.ui-tabs .ui-tabs-panel {
border-width: 0;
display: block;
padding: 20px 0 0;

@Victorinox Thanks, it worked like a charm, that was so obvious and i´m still getting beat up by floating elements concept…