Давая iframe радиус границы ⇐ Html

[Anonymous]

Ниже находится HTML для Div с округлыми углами, внутри этого Div является еще один анимированный Div, называемый Slide Up, это также имеет округлые углы. Внутри начального дивирования у меня есть iframe с картой Google. У меня проблемы с тем, чтобы дать этот закругленный угол Iframe. Может ли кто -нибудь объяснить мне, что я делаю не так?
https://www.google.com/maps/embed?pb=!1 ... 0231375571

< /code>

Наша студия дизайна интерьера Cambridge < /p> Cambridge Design Studio - это наш концентратор.

css < /p>

.maincontentdiv {
position: relative;
height: 100px;
width: 100%;
-moz-border-radius: 15px;
border-radius: 15px;
}
.slideup {
position: absolute;
width: 100%;
bottom: -2px;
min-height: 0;
color: #FFF;
transition: min-height 250ms ease-in;
background-color: #666666;
text-align: center;
height:20px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.maincontentdiv:hover > .slideup,
.maincontentdiv:focus > .slideup {
min-height: 65%;
}


Подробнее здесь: https://stackoverflow.com/questions/246 ... der-radius