Проблема с позиционированием

[Discotune]

Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок.

Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html

БОЛЬШОЕ СПАСИБО знающим и понимающим!!))

<div class="post">

<div class="postmetadata">

<p class="date">15.11.2009</p>

<h1><a href="/post.html">Как я напарил WebMoney</a></h1>

<p><a href="#">Мои лучшие замуты</a> ><a href="#"> сшибаем бабло</a> ,<a href="#"> рубим капусту</a></p>

</div><!-- end .postmetadata -->

<div class="post-img">

<a href="#"><img alt="" src="images/post-cover01.jpg" /></a>

div class="cmnt-bubble"><a title="Комментарии" href="#">14</a></div>

</div><!-- end .post-img -->

.post-img {position:relative; padding:5px 0 5px;}

.post-img .cmnt-bubble {

position:absolute;

background:url("/images/cmnt-bubble.png") no-repeat scroll 0 0 transparent;

padding:12px 0 15px;

width:50px;

height:50px;

right:40%;

bottom:5%;

}

.post .cmnt-bubble a {

padding-left:13px;

padding-top:10px;

margin-top:10px;

font-weight:bold;

font-size:20px;

color:#ffffff;

text-decoration:none;

}

И чтобы не плодить посты буду признателен помощи профи резиновой верстки. Как растянуть вот такой заголовок при условии что это полностью картинка и шрифтов нет?

При 1600px ее ужасно коробит.

Сорри, я новичок и верстаю резину первый раз Спасибо большое!

Edited January 17, 2011 by Discotune

[psywalker]

Проблемному блоку поставь релатив и з-индекс нормальный.

Насчёт картинки её пропиши 100% ширины

[Discotune]

z-index помог, сенкс!

Заголовок идет картинкой и при растяжении он коробится. Решил с помощью конструкции [div с заливкой] [картинка с шрифтом] div]