jquery ui tabs problem

Question

hi good people,

been a while I have had my hands full with a cold but I came back to a problem we never found an answer to, it the homepage of a site I am workin and I said that my tabs would just scatter on a resolution less than mine or around it but not quite. I am on a 1280x800 screen and it displays no problem but as soon as I drop to 1024x768 or 1280x1024 or anything like that this is what it looks like. I wanted to post the code but it means posting alot of HTML and I don't think that will be healthy. hopefully the screenshot will. some one said a while back that my tabs were too big so i reduced them and still. here is the screen shot though:

HERE IS THE CSS THAT POWERS THE ADVERTS. THE CSS FOR THE REST OF THE SITE IS JUST A NORMAL JQUERY UI BASE.

#adverts{
padding:0px;
width:400px;
height:109px;
float: right;
margin-top: auto;
margin-left:320px;

/* margin-right: auto; */ }

enter code here

Answer 1

Whatever region the tabs are being written to is having its width constrained, causing the premature wrap to the next line (I assume this is the problem you're having-- your question is not explicit on what the problem is). I'd fish around with Firebug until whatever sized div or margin is causing the space to be limited.