html - 最大宽度在 mozilla 和 IE 中不起作用

Question

图像仅在 chrome 中根据浏览器宽度缩放，但在 IE 和 Mozilla Firefox 中不起作用。thumb img 在所有浏览器中都有效，但只有 .play img max-width 无效这是我的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

播放 class right : 0

像这样

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

现场演示 http://jsfiddle.net/puS7u/