How to expand a div when hover

<div></div>

div
{
background:red;
border-radius:50px;
height:100px;
left: 150px;
position: absolute;
top: 100px;
transition:             width 200ms, height 200ms, border-radius 200ms,left 200ms, top 200ms;
    -moz-transition:    width 200ms, height 200ms, border-radius 200ms,left 200ms, top 200ms;
    -ms-transition:     width 200ms, height 200ms, border-radius 200ms,left 200ms, top 200ms;
    -o-transition:      width 200ms, height 200ms, border-radius 200ms,left 200ms, top 200ms;
    -webkit-transition: width 200ms, height 200ms, border-radius 200ms,left 200ms, top 200ms;
width:100px;
}

div:hover
{
border-radius:100px;
height:200px;
left: 100px;
top: 50px;
width:200px;
}