Как сделать 2-колоночный резиновый контент?

[walaby]

Здравствуйте!

хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать?

Или это надо делать таблицами =( ?

CSS:

#Content{
 float:left;
 width:100%;
 min-width: 200px;
 margin-right: -250px; /*сайдбар там*/
}

#SubContent1 {
 float:left;
 width: 96%;
 padding: 20px 1% 20px 0;
 max-height: 400px;
}

#SubContent2 {
 float:left;
 width: 96%;
 padding: 20px 1% 20px 0;
 max-height: 400px;
}

#DIV1 {

 float: left;
 min-width: 100px;
 width: 48%;

 padding: 5px;
 margin-left: 5px;
}

#DIV2 {

 float: left;
 min-width: 100px;
 width: 48%;

 padding: 5px;
 margin-left: 5px;
}

#DIV3 {

 float: left;
 min-width: 100px;
 width: 48%;

 padding: 5px;
 margin-left: 5px;
}

#DIV4 {

 float: left;
 min-width: 100px;
 width: 48%;

 padding: 5px;
 margin-left: 5px;
}

Заранее благодарен!

[walaby]

проблему решил

надо было явно указать все типы margin'ов