I am working on an editable navigation. The user can add many tabs across the top as they wish. In the event that there are many tabs that would force the set of tabs to be broken/wrapped to the next line, I would like to force it on 1 line even if this means that the page width would grow immensely.

Is there a way for a child DIV to expand a page width even if the content is in a wrapper? In my JS Fiddle link below, I have a simple wrapper page with a right sidenav. I am using Listamatic tabs (http://css.maxdesign.com.au/listamatic/horizontal05.htm) for the top. As you can see, the tabs are breaking into many rows of tabs and it doesn't look great. Can I use some CSS to force the DIV to not wrap onto a 2nd or 3rd line? I would like the DIV to be liquid based on the number of tabs (and length of the text in the tab text). Any ideas?

<http://jsfiddle.net/zenfiddle/yUPCC/3/>