title: Transparent div problem
body: <p>Hey i have this div that shows as a popup:</p>
  
  <pre><code>&lt;div class="popup"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then with jquery i add another class to it to give it with the css associated to that class, position, size, color and transparency:</p>
  
  <pre><code>.show {
      position: absolute;
      color: #F4F5F6;
      width: 600px;
      margin-left: -300px;
      height:300px;
      background: #000000;
      left:50%;
      top:200px;
  
      filter:alpha(opacity=95); 
      -moz-opacity: 0.95; 
      opacity: 0.95;
  }
  </code></pre>
  
  <p>My problem is this:</p>
  
  <p>I'm adding text and image to the div.</p>
  
  <p>ending up like: </p>
  
  <pre><code>&lt;div class="popup show"&gt;
      &lt;div class="image"&gt;
        &lt;img scr="blabla.png"&gt;
      &lt;/div&gt;
      &lt;div class="text"&gt;
        ble ble ble
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem is the following, even though i have overriden the opacity here:</p>
  
  <pre><code>div.image
  {
      position: relative;
      float:left;
      width:202;
      height:402;
      filter:alpha(opacity=100); 
          -moz-opacity: 1; 
          opacity: 1; 
  }
  </code></pre>
  
  <p>The image still apears with transparency.</p>
  
  <p>Is there anyway to override the opacity values without having to put the image div outside of the popup div?</p>