I'm trying to make a simple css framework which allows me to switch from layouts like sidebar-content, sidebar-sidebar-content etc.. the problem i'm facing is with the sidebar-content-sidebar layout.
The html code looks like

```
<div class="content">
<h2>Content</h2>
</div>
<div class="sidebar-alt">
<h2>sidebar-alt</h2>
</div>
<div class="sidebar">
<h2>sidebar</h2>
</div>

```

I've tried using floats but can't seem to get the content div to be in the centre of the two sidebars. 

Using a bit of css like so is was able to achieve it

```
body.sidebar-content-sidebar #container.width-960 .content {
    width: 460px;
    position: relative; 
    left: 160px;
    top: 55px;
}
body.sidebar-content-sidebar #container.width-960 .sidebar {
    width: 300px;
    margin: 0 0 0 0;
    position: absolute; 
    top: 55px;
    left: 639px;

}
body.sidebar-content-sidebar #container.width-960 .sidebar-alt {
    width: 140px;
    margin: 0 0 0 0;
    position: absolute; 
    top: 55px;
}

```

However the navigation which is superfish now doesn't work. Is there anyway of positioning the columns using simple floats? Or what is the solution?