CSS: Warum bricht / entfernt die Hintergrundfarbe den Kastenschatten?

Ich habe eine ziemlich einfache Div-Struktur - Baumkästen mit mittlerem Kasten, hervorgehoben mit Kastenschatten:

<div class="offerBox">
  <div class="obOffer">
    <div class="obOfferTitle">Free</div>    
    <div class="obOfferPrice">Free</div>    
  </div>
  <div class="obOffer obHiLight">
    <div class="obOfferTitle">Title</div>    
    <div class="obOfferPrice">$10</div>    
  </div>
  <div class="obOffer">
    <div class="obOfferTitle">Title 2</div>    
    <div class="obOfferPrice">$10</div>    
  </div>
</div>​

CSS:

.offerBox {     
    width: 300px;
    margin:10px;    
}
.obOffer {
    width: 33%; 
    float: left;
    height: 100px; 
    text-align:center; 
}

.obOfferPrice {
    padding: 10px;   
    color: white;
    background-color: #85AADD; 
}

.obHiLight {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}

Eines der Elemente in diesen Feldern verfügt über einen Eigenschaftensatz für die Hintergrundfarbe. Aus einigen Gründen entfernt diese Hintergrundfarbe den Kastenschatten von rechts und nur von rechts.

Irgendwelche Ideen warum und wie man es repariert?

Live-Beispiel des Problems:http://jsfiddle.net/SqvUd/

Antworten auf die Frage(2)

Ihre Antwort auf die Frage