title: DIV onmouseover - does not stack over on top of all others DIV?
body: <p>I would like my  appears on top of all others  onmouseover !
  But it does not !</p>
  
  <p>Here is my CSS style with (display:inline-block) :</p>
  
  <pre><code>.changeMyTitle .two{
    display: none;
    text-decoration: none;
    text-align: justify;
    background-image: none;
    background-color: yellow;
    color: #000000;
    font-size: 225%;
    font-weight: bold;
    font-family: serif;
    padding: 5px;
    border-radius: 100%;
    -webkit-box-shadow: 25px 8px 10px 2px rgba(192, 192, 192, 0.8); /* WebKit */
    -moz-box-shadow: 25px 8px 10px 2px rgba(192, 192, 192, 0.8); /* Firefox */
    box-shadow: 25px 8px 10px 2px rgba(192, 192, 192, 0.8); /* Standard */
    position: absolute;
    z-index: 1;
    opacity: 0;
  }
  
  .changeMyTitle:hover .two{
    display: inline-block;
    zoom: 1;
    *display: inline;
    opacity: 1;
  }
  </code></pre>