AND #status{ position:fixed !important; left:30px; padding-top:12px; bottom:25px; padding-bottom:12px; text-align:center; height:15px; width:36px; overflow:hidden; border:3px solid #ffdfdf; -moz-border-radius: 17px 17px 17px 17px; border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; background: #fff; z-index:999; } #status:hover{ border:3px solid #ffdfdf; padding:5px; height:208px; width:200px; -moz-border-radius: 0px 0px 0px 0px; border-radius:0px 0px 0px 0px; } CORNER HOVER