Проблема с картинкой в опере

[Critical Error]

Суть проблемы в след. Есть контейнер DIV с закругленными углами до такой степени, что получается круг. Внутри него еще контейнер DIV с overflow: hidden и также с закругленными углами как и первый. И наконец в нем тег картинки - IMG. Во всех браузерах, кроме IE ниже 9, все отображается нормально, в соответствии с ожиданиями, картинка не выходит за границы контейнера, и на вид становится тоже круглой, но в Opera этого не происходит. Картинка не выходит за рамки, но на радиус углов не реагирует - остается квадратной

В опере:

Остальные:

Разметка HTML:

<div class="user_photo">
    <div class="comm_photo">
        <img src="{foto}" alt="" width="70" />
    </div>
</div>

Вот CSS:

	.user_photo { 
		border: 3px solid #90ac62;
		-moz-border-radius: 36px;
		-webkit-border-radius: 36px;
		border-radius: 36px;
		height: 66px;
		padding: 1px;
		position: relative;
		width: 66px; 
	}

	.user_photo .comm_photo { 
		-moz-border-radius: 36px;
		-webkit-border-radius: 36px;
		border-radius: 36px;

		-moz-box-shadow:
			inset 0 0 10px rgba(0,0,0,0.75);
		-webkit-box-shadow:
			inset 0 0 10px rgba(0,0,0,0.75);
		box-shadow:
			inset 0 0 10px rgba(0,0,0,0.75);

		height: 66px;
		overflow: hidden;
		padding: 0; 
		width: 66px; 
	}

Подскажите, пожалуйста, как решить эту проблему в Opera?

UPD: Забыл дописать для внутреннего блока overflow: hidden. Был в другом CSS файле

Edited June 17, 2012 by Critical Error

[ShumNo]

попробуйте так

        .user_photo { 
                border: 3px solid #90ac62;
                -moz-border-radius: 36px;
                -webkit-border-radius: 36px;
                border-radius: 36px;
                height: 66px;
                padding: 1px;
                position: relative;
                width: 66px; 
        }

        .user_photo .comm_photo img { 
                -moz-border-radius: 36px;
                -webkit-border-radius: 36px;
                border-radius: 36px;

                -moz-box-shadow:
                        inset 0 0 10px rgba(0,0,0,0.75);
                -webkit-box-shadow:
                        inset 0 0 10px rgba(0,0,0,0.75);
                box-shadow:
                        inset 0 0 10px rgba(0,0,0,0.75);

                height: 66px;
                padding: 0; 
                width: 66px; 
        }

[Critical Error]

Та не, для картинки закруглять углы через css для меня не вариант, потому что картинки там могут быть и прямоугольные.

Непонятно, почему в Opera вложенный контейнер размерами 66х66 пикселей с overflow: hidden и закругленными углами не работает как этого ожидаешь - не прячет углы картинки под закругленные углы контейнера, а показывает только часть картинки, которая должна быть видна из-за overflow:hidden для контейнера, в виде квадрата, как это было бы, если закругленных углов там не было.

Меня это совсем из колеи выбило. Третий день не могу найти решение