Проблема с версткой. Абсолютное позиционирование.

[smsupport]

Надеюсь на Вашу помощь. На картинке визуально показано, что нужно. Вот код:

.pagecon {	background: #FFF;
	padding:0 10px 10px 10px;
	margin:0 20px 10px 0;
	clear: both;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	position:relative;
	}
	
.screenme { position:absolute; left:0;}
.downme { position:absolute; padding: 0 0 0 240px;}

<div class="pagecon">

<div class="screenme"><img src="http://site.com/jpeg" /></div>
<div class="downme">Text</div>

<h2>Comments</h2>

</div>

Знаю, как решить задачу через float, но нужно без него.

[sspy]

после черных квадратов вставь
<div class="clear"></div>

.clear { clear: both; }

[smsupport]

Сообщение от sspy

после черных квадратов вставь
<div class="clear"></div>

.clear { clear: both; }

это для float. не решает мой вопрос

[malishka]

Ты можешь дать нормально код, что бы было как на картинке? Или еще за тебя дописывать?
Это раз.
Второе - доктайп какой ставишь?

[Алёша]

у всех трёх сделай position:relative и будет тебе счастье
в противном случае жёстко надо писать height:
можно ещё попробовать добавить блок с position:relative под screenme и downme
после downme в общем

[smsupport]

Сделал через: display:inline-block; vertical-align:top;