html - The transitions are bugged in Safari -

i found strange bug. need make transition width/height on box, need box absolute , inline-block. works fine browsers except safari.

here exemple: http://jsfiddle.net/575fe/

html:

<div id="block"> text </div> 

css:

#block {     height: 200px;     width: 200px;     background-color: yellow;     -moz-transition: 0.6s all;     -webkit-transition: 0.6s all;     -o-transition: 0.6s all;     transition: 0.6s all;     display: inline-block; }  #block:hover {     height: 400px;     width: 400px;     background-color: blue;     position: absolute; } 

combination of inline-block + absolute make transition not working in safari. know how fix ? thanks.

remove position:absolute #block:hover

updated demo

#block:hover {     height: 400px;     width: 400px;     background-color: blue; }