CSS3動畫：DIV是不正確的大小

Question

 .wheel { 
      width: 50px !important; 
      height: 50px !important; 
     } 

      .wheel1 {  
       width: 100%; 
       height: 100%; 
       background-color: #3D3D3D; 
       border-radius: 50%/50%; 
       position: absolute;  
      } 

      .wheel2 { 
       width: 80%; 
       height: 80%; 
       background-color: #B8B8B8; 
       margin: 10%;  
       border-radius: 50%/50%; 
       position: absolute; 

       -webkit-animation: wheelActive 1s; 
       -webkit-animation-iteration-count: infinite; 

       -moz-animation: wheelActive 1s; 
       -moz-animation-iteration-count: infinite; 

       -ms-animation: wheelActive 1s; 
       -ms-animation-iteration-count: infinite; 

       -o-animation: wheelActive 1s; 
       -o-animation-iteration-count: infinite; 

       animation: wheelActive 1s; 
       animation-iteration-count: infinite; 
      } 

      @-webkit-keyframes wheelActive 
      { 
       0% { margin: 5%; height: 90%; width: 90%; } 
       50% { margin: 0%; height: 100%; width: 100%; } 
       100% { margin: 5%; height: 90%; width: 90%; } 

      } 

      @-moz-keyframes wheelActive 
      { 
       0% { margin: 5%; height: 90%; width: 90%; } 
       50% { margin: 0%; height: 100%; width: 100%; } 
       100% { margin: 5%; height: 90%; width: 90%; } 

      } 

      @-ms-keyframes wheelActive 
      { 
       0% { margin: 5%; height: 90%; width: 90%; } 
       50% { margin: 0%; height: 100%; width: 100%; } 
       100% { margin: 5%; height: 90%; width: 90%; } 

      } 

      @-o-keyframes wheelActive 
      { 
       0% { margin: 5%; height: 90%; width: 90%; } 
       50% { margin: 0%; height: 100%; width: 100%; } 
       100% { margin: 5%; height: 90%; width: 90%; } 

      } 

      @keyframes wheelActive 
      { 
       0% { margin: 5%; height: 90%; width: 90%; } 
       50% { margin: 0%; height: 100%; width: 100%; } 
       100% { margin: 5%; height: 90%; width: 90%; } 

      } 

http://jsfiddle.net/LXEXU/

我試圖讓這看起來轉動車輪，但它不工作。該輪是不是50像素50像素。我怎樣才能做這項工作？謝謝！

Answer 1

添加的位置是：相對於;到.wheel使其50像素X 50像素 http://jsfiddle.net/LXEXU/1/