Проблемы с отображением блоков с float

[marychn1]

Приветствую.

Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают.

Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет.

Код:

<a href='' style='border:1px solid #f0f0f0;	background:#fff; width:190px; height:60px; padding:0px;	margin:0px 3px 0px 3px;	float:left;	text-decoration: none;'>
<img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'>
<p style='width:128px; height:26px; padding:0; margin:0; border:1px solid #d0d0e0; font:13px tahoma; color:#6060ad;'>some text</p>
</a>

Иллюстрация:

[Int]

А что если попробовать задать им display:block?

[marychn1]

А что если попробовать задать им display:block?

не помогает...

[Feaire]

задай второму блоку, что заехал, отступ с лева. К примеру margin-left: 55px ну и position: absolute;

Edited March 11, 2011 by Feaire

[wanntuzz]

просто поставь их рядом как кирпичи