Сайдбар поехал

[WabFad]

Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую

Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp

вот код:

<div id="container">
	<div id="header">шапка</div>
<div id="content">контент</div>

<div id="sidebar">Это сайдбар</div>
<div id="footer">футер</div>

Вот css

* {
  margin: 0;
  padding: 0;
}
html {height: 100%;}
* html body {height: 100%;}
body {
  min-height: 100%;
  position: relative;
}
#container {
width:980px;
margin:0 auto;
}
#content {
  padding-bottom: 100px;
    margin-right:200px;
}
#footer {
  position: absolute;
  bottom: 0;
  height: 80px;
}
#sidebar {
    width:300px;
    float: left;
}

и получается сайдбар под футером, как его на место поставить?

пробовал по этой схеме:

.sidebar{
    width:300px;
    display: block;
    float: left;
    margin: 0 0 0 -100%;    
}
.content{
    min-width:723px;    
    display: block;
    float: left;
    margin: 0 0 0 220px;
}

Сайдбар становится на место, футер заезжает на контент(

[Gaspode]

Сайдбар с контентом в разметке местами поменяйте.

[WabFad]

И на это ушлотри часа..

Спасибо большое, помогло!)