title: set background color at text overflow visible using css
body: <p>I set my <code>&lt;P&gt;</code> tag with fix height and <code>overflow:hidden</code>. and on hover effect of it, I set <code>overflow:visible;</code></p>
  
  <p>my problem is text is display but I want to set <code>z-index</code> and background color of <code>&lt;p&gt;</code>,background display only for <code>max-width</code> of <code>&lt;P&gt;</code>. i want change background color at height of text it covered.</p>
  
  <p>CSS:</p>
  
  <pre><code>.oe_description {   
     overflow:hidden;
     max-height:4.2em;
     text-overflow: ellipsis;
  }
  .oe_description:hover {
     overflow:visible;
     position:relative;
     z-index:100;
     background: #e5f2f7; 
     font-weight:bold;
  }
  </code></pre>
  
  <p>see: <a href="http://jsfiddle.net/c7091qus/" rel="nofollow">FIDDLE</a></p>