Выравнивание содержимого DIV

[iamncm]

Верстаю страницу при помощи DIVов со свойствами display: table*. Всё выравнивается, но содержимое разных DIVов зависит друг от друга.

Допустим, что:

<DIV class="post">

___<DIV class="picture"><IMG src="image.png"></DIV>

______<DIV class="text">Без постановки рук и элементарной музыкальной грамоты польза от занятий

сомнительная. Для второго инет сгодится а вот постановку заочно тебе никто не сделает. Можешь найти инфу но не факт что она достоверна и

контролировать правильность будет в любом случае некому.</DIV>

______<DIV class="answer">

____</DIV>

</DIV>

В левом DIV отображается картинка, а текст среднего DIV идёт от конца картинки. Нужно, чтобы они шли на одном уровне.

		   
DIV.menu { 
				width: 1000px;
			height: 35px;
				background: #ccc;
			padding: 15px;
			clear: left;

   			}

DIV.lent { 

				width: 830px;
			height: auto;

			display: table;
   			}


DIV.post { 

				background: #FFF;

			display:table-row;
   			}

DIV.text { 
			padding: 15px;
				width: 700px;
			height: auto;

			display:table-cell;
   			}

DIV.picture{

			display:table-cell;
			}

DIV.answer {
				width: 50px;

			display:table-cell;
			}

DIV.answer:hover {
			background: #ccc;			
			}
		</style>

<DIV class="menu"> <FONT size="6">iamncm > Группа Добра > Тред Бобра</FONT>  </DIV>

<DIV class="lent">

___<DIV class="post">
______<DIV class="picture"><IMG src="image.png"></DIV>
______<DIV class="text">ТЕКСТ ТЕКСТ ТЕКСТ</DIV>
______<DIV class="answer"></DIV>
___</DIV>
</DIV>

[eyexal]

приложите скриншот, мало чего понятно

[Searcher]

Иногда лучше в гору не ходить... Почему не хотите сделать таблицей?