Собственно, т.к. я еще не до конца вник во все тонкости подобной верстки, то периодически возникают вопросы.

Ниже ссылка на страничку, на которой видна структура главной страницы верстаемого мной сейчас сайта.

Проблема в следующем. Как мне заставить растягиваться вертикально блок news, если в блок greeting растягивается текстом также по вертикали? Т.к. при том раскладе, что имею сейчас, если 1 блок растягивается, второй это не делает, а ся компоновка страницы рассыпается.

Есть вариант у меня заключения блоков greeting и news в родительский блок, например. Однако, будет ли это грамотным решением проблемы?
[Только зарегистрированные пользователи могут видеть ссылки. ]

вот код xHTML
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="copyright" content="(c) 2006 LOVATA Group" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" */>
</head>
<body>

****






</body>
</html>
вот код CSS

Код:
* {
****margin: 0;
****padding: 0;
}
html, body{
****background: #000;
****min-width: 1004px;
****height: 100%;
****font: 12px Verdana, Helvetica, sans-serif;****
}
a:link, a:visited *{
****color: black;
****text-decoration: none; 
}
a:active, a:hover {
****color: black;
****text-decoration: none;
}
.supheader {
****background: Aqua;
****height: 20px;
****width: 1004px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
.header {
****background: Orange;
****height: 241px;
****width: 770px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#menu {
****background: #ffc;
****height: 241px;
****width: 234px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#greeting {
****background: #9cf;
****height: auto;
****min-height: 260px;
****width: 600px;
****max-width: 600px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#news {
****background: #cfc;
****height: auto;
****min-height: 260px;
****width: 404px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#quality *{
****background: #ffd;
****height: 170px;
****width: 430px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#development {
****background: #fcd;
****height: 170px;
****width: 340px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
#copyright {
****background: red;
****height: 170px;
****width: 234px;
****overflow: hidden;
****display: inline-block;
****float: left;
}