Помогите с позиционированием

[samogray]

Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть?

 

 

вот код:

HTML - 

<div class="coll">
<div class="salesban">sales</div>
<img src="img/sell3.png" alt="img">
<h3 class="sal">$30.00</h3>
<div class="hov">
<h3>new STELLA MCCARTNEY</h3>
<ul class="star">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<h3><a href="#">add To Cart</a></h3>
<ul class="add">
<li><a href="#"><span class="red"> + </span>add To Compare</a></li>
<li><a href="#"><span class="red"> + </span>add To Wishlist</a></li>
</ul>
</div>
</div>

 

CSS

/*Стиль блока родителя*/

.sale .coll {

1. position: relative;
2. width: 25%;
3. margin-right: 0px;
4. box-sizing: border-box;

}

/*Стиль блока которого поместить во ливый угол*/

.salesban {
position: absolute;
background: #fe5252;
-moz-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
-webkit-transform: rotate(-36deg);
-o-transform: rotate(-36deg);
transform: rotate(-36deg);
top: -20px;
left: -50px;
width: 134px;
text-align: center;
color: white;
z-index: 0;
padding: 30px 0px 10px;
}

 

[klierik]

При регистрации тебе не просто так предлагалось прочитать: http://htmlforum.ru/index.php?app=tos

[FilippovAM]

Задать родителю свойство CSS, overflow: hidden; А модератор имел ввиду, что предоставить код нужно не картинкой, а в песочнице веб-программиста, к примеру в jsfiddle. 

[afdw]

предоставить код нужно не картинкой

 

Это не картинка

[DivMan]

макет в студию 

[FilippovAM]

 

предоставить код нужно не картинкой

 

Это не картинка

 

вот это поворот

Edited July 9, 2015 by FilippovAM

[samogray]

Задать родителю свойство CSS, overflow: hidden; А модератор имел ввиду, что предоставить код нужно не картинкой, а в песочнице веб-программиста, к примеру в jsfiddle. 

Спасибо!!!   вот такая проблема была...   https://www.dropbox.com/s/wieyat2fi18bxo0/2015-07-08%2012_55_34-%D0%97%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA.png?dl=0, да и извиняюсь за неправильное оформление вопроса....

Edited July 10, 2015 by samogray