У меня возникают проблемы с получением радиуса на изображениях. Я упростил свою проблему и преувеличил переменные для демонстрационных целей.
CSS
div.wrap img {
-moz-border-radius: 50px;
border-radius: 50px;
}
img.pic {
padding: 15px 25px 35px 45px;
}
HTML:
<div class="wrap">
<img class="pic" src="http://i.imgur.com/UAef0.jpg"
width="300" height="300" />
</div>
Если я удалю прокладку, пуф, красивые углы. Если это помогает, есть причина, почему они находятся в двух разных классах. "wrap" может иметь более одного "pic" в нем. Иногда они будут одного класса, в других случаях они бывают такими:
img.left_pic { float:left; padding:5px 10px 5px 5px; }
img.right_pic { float:right; padding:5px 5px 5px 10px; }
Любая помощь или понимание будут оценены.
jsFiddle: http://jsfiddle.net/NwfW6/
Отредактировано для решения: