I have code like a link ([jsfidde](http://jsfiddle.net/m6YPr/)) here.

Simple :

```
<div class="box"> 
  <img width="600" height="300" src="img.jpg"/>
</div>

.box{width:500px;}
.box img{max-width:100%;}

```

The image is fixed with permanent size (width and height). For the above design, Chrome runs it good, but Firefox and IE be error(the image over float outside of div ). Help me for solving it. Thank all suggestions.