Помогите сверстать блок... не могу понять где ошибаюсь.

[romanpan2]

Верстка резиновая на сайте. есть три информационных блока с одинаковым стилем...Картинку вылаживаю...в каком виде хочу сделать... но резиновым он не получается...верхня и нижня часть разъезжаются при масштабировании... пишу код ниже..

html

<div class="blok">
<div class="blok_img"><img src="Картинка">
<div class="uzor"></div>
</div>
<div class="text">лялятополя.</div>
</div>

css

.blok_img {

padding:0;
position:relative;
margin:0 auto;
}


.blok_img img {
width:100%;
max-width:270px;
}

.uzor {
position:absolute;
margin:0;background:url(../images/top_uzor.png)no-repeat center bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
bottom:0;
height:95px;
width:100%;
background-size: cover;
}

.top_box_cont {
background:url(../images/top_bg.png)no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding:0;
margin:0 auto;
width:100%
height:100%;

display:table;
}

Да как сюда картинку добавить??

Edited May 20, 2013 by romanpan2
Оформляйте код в тег CODE!!!!

[romanpan2]

е код в тег CODE!!!!

СПС. Как картинку добавить?

[amelice]

е код в тег CODE!!!!

СПС. Как картинку добавить?

Залить картинку куда-нибудь, и указать ссылку в пиктограмму - "Картинка".