Не округляются картинки в хроме

[alleclf]

Помогите разобраться почему в Google Chrome не округляются картинки.

.news img, .news img a  { 
   border : #ffffff solid 3px; 
   border-bottom : 0 solid #ffffff; 
   border-radius : 10px; 
}

Причем не округляется очень странно, верхние углы остаются полностью квадратными а нижние накосо срезаются (скрин ниже).

[USF]

Дайте ссылку на оригинал или скиньте код обертки. Возможно родительский блок мешает.

[Modestes]

Если изображения обернуты дивом то задайте ему скругление.

Предполагаю что этот див у вас с классом .news

[alleclf]

Если изображения обернуты дивом то задайте ему скругление.

Предполагаю что этот див у вас с классом .news

все картинки обернуты одним общим дивом. А бордер в 3 пиксела не может мешать, может хром именно этот невидимый (белый на белом фоне) бордер заокругливает.

Кстати в опере тоже как-то ненормально верхние углы заокругливаются.

livelyn.net

Edited July 11, 2012 by alleclf

[Modestes]

Если изображения обернуты дивом то задайте ему скругление.

Предполагаю что этот див у вас с классом .news

все картинки обернуты одним общим дивом. А бордер в 3 пиксела не может мешать, может хром именно этот невидимый (белый на белом фоне) бордер заокругливает.

Кстати в опере тоже как-то ненормально верхние углы заокругливаются.

livelyn.net

зачем вам белый бордер на белом фоне? смысл?

уберите бордер от сюда .news img, .news img a и добавьте margin:3px;

[alleclf]

зачем вам белый бордер на белом фоне? смысл?

уберите бордер от сюда .news img, .news img a и добавьте margin:3px;

Белый бордер для отступа между картинками, что бы они не слипались. Попробую. Спасибо.

Всё получилось. Спасибо.

А то что Опера как-бы выгрызает уголки это я так понимаю особенность браузера. Все остальные сглаживают углы.