Question

The image is scaling based on browser width only in chrome but it is not working in IE and Mozilla Firefox.
thumb img is working in all the browsers but only .play img max-width is not working
Here is my
HTML

<div class="contai">
        <div> <img src="1.png" style="max-width:100%" /></div>
       <div class="thumb">
         <img src="2.jpg" />
              <div class="play"> <img src="videoImagePlay.png" /></div>
       </div>
 </div>

CSS

    .contai{
    width:100%;
}
.thumb{
    border: 1px solid rgb(226, 226, 226);
   position:relative; float:left; width:38%
}
.thumb img{
    max-width:100%
}
.play{
     position:absolute; top:30%; left:35%
}
.play img{
    max-width:50%
}

Answer 1

play class right : 0

as like this

.play{     
     position:absolute; top:30%; left:35%; right:0;
}  

Live demo http://jsfiddle.net/puS7u/