Product slider, css issue with arrows not displaying above content


Hopefully someone can quickly help, see the following link. If you scroll to the bottom of the page you’ll notice a section called “Other products in this range…” - we need the arrow area including circle to appear outside the newarrivals div but can’t seem to achieve it.

Any help would be much appreciated

Cheers :slight_smile:


You would need to remove the overflow;hidden or the element can’t escape its parent.

#newarrivals {
    border: 1px solid #DDDDDD;
    height: 1%;
    /*overflow: hidden;*/
    padding: 15px 0;
    position: relative;
    z-index: 9;

Be very careful when using height:1% and overflow:hidden as that could cut all your content to 1%. If you are using height:1% as an IE haslayout trigger then its much safe to use zoom:1.0 even if it doesn’t validate.