Закругленные углы CSS при проблеме с изображением

У меня проблемы с округлением углов img с помощью CSS3:

enter image description here

Вот код, который я использую:

img.event-thumbimage {
    height:120px;
    width:140px;
    -webkit-box-shadow: 0px 0px 10px 0px #4d4d4d;
    -moz-box-shadow: 0px 0px 10px 0px #4d4d4d;
    box-shadow: 0px 0px 10px 0px #4d4d4d;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;  
    border-radius: 8px;
    border:solid white 3px;
    float:left;
    margin-right:25px;
    }

Как видите, внешняя граница закруглена, но на самом деле img в квадрате. Используя CSS3, как я могу скруглить углы и на самом изображении?

8
задан Rob 28 July 2011 в 09:22
поделиться