Have a parent DIV with a class .list attached. Paretnt DIV consist of 8 floated divs with position:relative property. Parent Div has min-width property, when i open the page in IE8 compatibility mode its considering the min-width property as width property and shows all the 8 DIVS in a row. Where in it should show only 3 divs.Here is the HTML code\[code\]<div id="list-container"><div class='list'> <div class='item'><h1>1</h1></div> <div class='item'><h1>2</h1></div> <div class='item'><h1>3</h1> </div> <div class="item"><h1>4</h1> </div> <div class='item'><h1>5</h1> </div> <div class='item'><h1>6</h1> </div> <div class='item'><h1>7</h1> </div> <div class="item"><h1>8</h1> </div> </div></div>\[/code\]CSS Code\[code\].list{ background:grey; min-width:1400px; float:left;}.item{ background:green; width:140px; height:80px; margin:5px; float:left; position:relative;}#list-container {float: left;overflow: hidden;width: 450px;\[/code\]}It works perfect in Firefox.UPDATE: I see the same issue in IE7 as well (using IE8 brower and switching the browser mode to IE7 from Developer tool)EDIT :For more Clarity am adding imagesIE7 and IE8 compatibility mode
FF
Thanks in advance