Overflow hidden not working on Android

I have a 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/fix?

This is the CSS for the DD.

  • n level Expandable Listview
  • Android Studio keeps freezing even with new version of 2.2.3 for Windows
  • Volume change listener?
  • How to increment player score in leaderboards on Android Google Play Service?
  • Difference between CHOICE_MODE_MULTIPLE and CHOICE_MODE_MULTIPLE_MODAL?
  • How to implement my own disk cache with picasso library - Android?
  • .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;
    }
    

    Related posts:

    Is there a way to give promo/coupon codes for people to download your app for free?
    Pakage for verifying Google sign-in token in Go running on GAE
    Broadcast Receiver to detect application start
    Gradle Error - Could not call IncrementalTask.taskAction() on task ':project:mergeDebugReso...
    Android send a image and save url
    How to logout/change Twitter account with Parse
  • How to tell if an Android app is actually leaking memory?
  • android: webview inside dialog or popup
  • Warning:Conflict with dependency 'com.android.support:support-annotations'
  • Multiple Apps use same content provider
  • How do I verify that an Android apk is signed with a release certificate?
  • Amazon AWS tutorials?
  • 2 Solutions collect form web for “Overflow hidden not working on Android”

    Overflow:hidden doesn’t work on android when the element is relative or absolute position.

    The simplest workaround is to have an outer element with relative/absolute and an inner element with the overflow.

    <div style="position:absolute">
      <div style="width:100%; height:100%; overflow:hidden">
        <img>
      </div>
    </div>
    

    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>
    
    Android Babe is a Google Android Fan, All about Android Phones, Android Wear, Android Dev and Android Games Apps and so on.