Hi all, I've hit another IE/Win irritation. I have a line of 8 square images that are supposed to sit in a horizontal row. This happens fine with Safari and Firefox (Mac OS X and Windows) but in IE/Win the images stack up vertically.
You can see the problem here: http://www.tellura.co.uk/tsc/ My html is: <div id="tiles"> <img src="images/tile01.gif" alt="Sample images" class="tile_image" /> <img src="images/tile02.gif" alt="Sample images" class="tile_image" /> <img src="images/tile03.gif" alt="Sample images" class="tile_image" /> <img src="images/tile04.gif" alt="Sample images" class="tile_image" /> <img src="images/tile05.gif" alt="Sample images" class="tile_image" /> <img src="images/tile06.gif" alt="Sample images" class="tile_image" /> <img src="images/tile07.gif" alt="Sample images" class="tile_image" /> <img src="images/tile08.gif" alt="Sample images" class="end_tile_image" /> </div> and my CSS is: #tiles { clear: both; float: left; display: inline; /* to fix IE double-margin display problem */ margin: 10px; padding: 6px 0; border-top: 1px solid #666666; border-bottom: 1px solid #666666; } .tile_image { float: left; display: inline; /* to fix IE double-margin display problem */ margin-right: 6px; } .end_tile_image { display: inline; /* to fix IE double-margin display problem */ margin-right: 0; } I can't figure out what is causing this (I thought it might have been IE's problem with doubling margins but I am using display: inline;). Can anyone throw any light on this? Thanks, Ian. -- Dr Ian M Piper [EMAIL PROTECTED] skype: ianmpiper -- Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information? ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
