Overflow hidden not working on Android

[jeff hall]

I'm building an employee directory and I have the employees picture displaying in  a DD which has rounded corners. When I build it and get it on an android device the overflow:hidden doesn't work and the full picture shows over the dd. Anyone else have this issue and know a workaround? Images attached show it working in chrome and then not working on the phone after build.

This is the CSS for the DD. 

.empImage {

position:absolute;

width:90px;

height:110px;

top:0;

right:0;

overflow: hidden;

background-color: #eaeaea;

border: #f26122 solid thin;

-moz-border-radius: 15px;

border-radius: 25px;

-moz-box-shadow: -5px 0px 5px #666;

-webkit-box-shadow: -5px 0px 5px #666;

box-shadow: -5px 0px 5px #666;

}

[Kerri Shotts]

Android OS version?

[jeff hall]

4.2.2

[jeff hall]

Had to wrap the image in 2 divs/sections/dd and put overflow:hidden on the inner one. In this case the section.

Before(didnt work)

    <dd><img></dd>

Now(works)

    <dd><section><img></section></dd>

[Night Digger]

Same here, it found it doesn't work on Windows Phone 8 as well.

What I did was simply reduce the width of the element and the padding left.