HTML-ссылки не работают в Firefox, но отлично работают в Chrome и Safari

Некоторые дети DIV с поддержкой ссылок не работают в Firefox, хотя они отлично работают в Chrome.

См. Живой пример на www.tekiki.com. Попробуйте нажать на текстовую область первого приложения. Это не сработает. Однако вы можете щелкнуть значок, даже если текст и значок принадлежат одной и той же родительской ссылке.

Мы пробовали другие предложения от StackOverflow, включая настройку overflow:hidden и очищающие поплавки, но никто не работает.

Мы тестируем Firefox 24.

Помогите?

HTML:

<a class="app_box click_drop" href="/itunes-store/apps/free-apps/app/runtastic-road-bike-pro-gps-cycling-computer-tracker?itunes-store-id=468429333" itunes_id="468429333" path="/36/6013/468429333">
            <div class="icon_box">
                <div class="icon" style="background-image: url(&quot;http://a3.mzstatic.com/us/r30/Purple/v4/4b/91/03/4b910379-2983-22be-358c-0c894ca82216/mzl.izwihsdx.256x256-75.jpg&quot;);"></div>
            </div>      
            <div class="caption_box">
                <div class="details_box">
                    <div class="name">Runtastic Road Bike PRO GPS Cycling Computer &amp; Tracker</div>                  
                    <div class="desc_box">
                        <div class="desc text">"Free today with ‘App of the Day. 

Download ‘App of the Day, and every day discover one paid app absolutely free!"

4.5+ Rating, TechCrunch, Mashable, NYTimes and others are raving about Runtastic... Find out why &amp; download...</div>
                    </div>                  
                    <div class="ratings_box">
                        <div class="avg_rating" style="background-position: 0px -91px;"></div> <span class="num_ratings">2040</span>                            
                    </div>                  
                    <div class="price_box" style="display: block;">                     
                        <span class="cur_price">Free</span> <span class="old_price">$4.99</span> <span style="display:none" class="sponsored">Sponsored</span>
                    </div>                  
                </div>
            </div>
        </a>

CSS:

.page_list .app_box:first-child {
    margin-top: 0;
}
.page_list .list a {
    color: #5C5C5C;
}
.page_list .app_box {
    -moz-box-sizing: border-box;
    background: url("/images/dandy/caption_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CCCCCC;
    display: block;
    margin: 25px 0 0;
    overflow: hidden;
}
a {
    color: #5E87B0;
    text-decoration: none;
}