title: How to Move Parent Div Position using css on hover
body: <p>Anyone have solution for this i want to move div position via css on mouse hover move div down when i mouse over on div....</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;div class="movediv"&gt;I Want to Move this div on hover via css&lt;/div&gt;
  &lt;div class="testing"&gt;
  &lt;a class="Linktohover"&gt;Test&lt;/a&gt;
      &lt;div class="showDiv"&gt;
          &lt;ul&gt;
              &lt;li&gt;test&lt;/li&gt;
              &lt;li&gt;test&lt;/li&gt;
              &lt;li&gt;test&lt;/li&gt;
              &lt;li&gt;test&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>   .showDiv {
      position: absolute;
      left: -9999px;
      display: block !important;
      font-size: 14px !important;
  }
  .testing:hover .showDiv {
      left: 0px;
      display: block !important;
  }
  .testing {
      position: absolute;
      top: 0px;
  }
  .movediv {
      margin-top: 30px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/dhaval17/P2aTj/" rel="nofollow" title="SEE DEMO">SEE DEMO</a></p>