Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.