Как сделать что бы правый блок не проваливался под левый при уменьшении окна страницы? Возможно глупый вопрос, но просто очень срочно нужно, а я давно версткой не занимался.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>

#a {
background: #cccccc;
width:300px;
height:20px;
float:left;
}

#b {
background: #bbbbbb;
width:100%;
height:20px;
margin-right: -600px;
float:left;
}

#c {
background: #dddddd;
width:300px;
height:20px;
float:right;
}

#clear {
height: 0;
clear: both;
}

</style>
</head>
<body>

<div id="a">left</div>
<div id="b">center</div>
<div id="c">right</div>
<div id="clear"></div>

</body>
</html>