Dear all I have a problem with rendering in IE of a series of boxes containing textin a liquid layout.
When the screen size changes the boxes flow underneath each other nicely in Mozilla/Firefox...but in IE they go higgledy piggledy (sic!) around the page...is this due to the 3 pixel jog?? I'm not sure? Have a look at the page in question here: http://www.english.heacademy.ac.uk/explore/resources/curriculum/activity.php The HTML in the central content div is as follows: <div id="content" > <h1 class="resources">Teaching the Curriculum</h1> <div id="book_title"> <div class="book_heading">Waterland by Graham Swift</div> </div> <div class="guide">Space / Topography Activities</div> <div class="cur_act"><a href="activity_detail1.php">Using Maps</a></div> <div class="cur_act"><a href="activity_detail.php">Water level</a></div> <div class="cur_act"><a href="activity_detail2.php">Transformative writing</a></div> <div class="cur_act"><a href="activity_detail3.php">Illustrated edition</a></div> <div class="cur_act"><a href="activity_detail4.php">Marsh Country</a></div> <div class="cur_act"><a href="activity_detail5.php">Habitats</a></div> <div class="cur_act"><a href="#" Suggest a new activity</a></div> <p><a href="index1.php">Return to themes</a></p> </div> The CSS .cur_act { float: left; width: 80px; height: 80px; margin-right: 5px; margin-left: 5px; background-image: url(../images/curriculum/green_bg.jpg); background-repeat: repeat; background-position: left top; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; padding: 10px; font-size: 90%; border: 1px solid #33CC33; margin-top: 5px; margin-bottom: 5px; } The address of the whole style sheet is: http://www.english.heacademy.ac.uk/css/default.css I would appreciate any assistance or comments anyone can offer...these floats can be very scary!! ___________________________________________________________ Yahoo! Messenger - NEW crystal clear PC to PC calling worldwide with voicemail http://uk.messenger.yahoo.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
