Картинка и border-radius

[iPavlex]

Есть примерно такая конструкция:

<style>
a img {
    border:2px solid #BBB;
    border-radius:10px;
}
</style>

<a href="#"><img src="foto.jpg" width="100" height="100" alt="" /></a>

Бордер рисуется с закруглениями, но картинка остаётся с углами и торчит за рамку.
Как сделать чтобы всё работало?

 

[tigra60]

Сделать картинку полукруглой, например, в фотошопе.

 

[medwoodu]

Сделать картинку полукруглой, например, в фотошопе.

жесть

попробуйте

overflow:  hidden

вобще здесь недавно давали дофига ссылок на то, как делать круглые края браузерно

 

[tigra60]

Один из вариантов:
Посмотреть вложение border_radius.zip

 

[sportmassag]

Или использовать CSS3 или делать картинку в фотошопе. Ноя думаю лучше всего подойдет второй вариант