Добрый день. Мучаюсь - как сделать 3-х колончную страницу - так что бы центральная колонка была всегда фиксированной ширины - а боковые занимали все оставшееся свободное место?

Нашел пока такое. при разрешении экрана 1280х1024 нормально при 1024х768 центральная колонка съедает часть правой колонки. Как можно с этим побороться? Спасибо.

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>3 колонки - центральная фиксированная</title>

<style type="text/css">
html,body{margin:0;padding:0;min-width:1000px; }

p{margin:0 10px 10px}

#header {height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}

#leftBlock{background:#B9CAFF}
#fixBlock{background:#a80000;}
#rightBlock{background: #00a800;}
#footer{background: #333;color: #FFF}


#container { width:100%; }
#wrapper {float:left;width:100%}
#leftBlock {float:left;width:25%;margin-left:-100%}
#fixBlock {float:left;width:45%;margin-left:-75%;min-width:570px;}
#rightBlock {margin-left: 70%; }
#footer {clear:left;width:100%}
</style></head><body>



<div id="container">

 * *<div id="header">Заголовок</div>

 * *<div id="wrapper">
 * * * *<div id="rightBlock">
 * * * * * *

Правая колонка</p>
 * * * *</div>
 * *</div>

 * *<div id="leftBlock">
 * * * *

Левая колонка</p>
 * *</div>

 * *<div id="fixBlock">
 * * * *

fixBlock</p>
 * *</div>

 * *<div id="footer">

Подвал</p></div>

</div>
</body>
</html>