css float bug in 9.54

weird bug involving float that makes following lists not stay within the
box defined by the body rule ---> compare following script to big 3 browsers
which keep text inside margin setting

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>cssFloatBug:VE3LL@COGECO.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body {margin:30px 35px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.nav {margin:0px;border:0px;padding:0px;float:left}
h2 {font-size:150%;background:#ccc;text-indent:15px;clear:both;
    border:1px dotted black;padding-top:18px}
ol {list-style:decimal;font-weight:normal}
ul {list-style:disk;text-align:left;margin:0px;margin-left:15px;
    border:0px;padding:0px}
</style></head><body>
<div class="nav"><form action="" onsubmit="return false;">
<div><label for="formdata">&nbsp;</label>
<input id="formdata" class="search" type="text"/>
<input class="go" type="button" value="Go!" onclick="return false;"/>
</div></form></div>

<h2 id="bugm7">CSS, GUI and other Bugs in MSIE Version 7</h2><ol>
<li><a href="http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/">
List of 39 bugs found so far with demos!</a></li>
<li>Once a tooltip (enabled with title attribute) has timed out, it
can no longer be reactivated by moving off, then on the element.</li>
<li>applet element has very high z-index level so it covers up
other elements unnecessarily and can't have any placed over it.</li>
<li>list-style:none doesn't cancel imaged bullets. Use list-style:url()
none; as a workaround.</li></ol>

<h2 id="bugm6">CSS, GUI and other Bugs in MSIE Version 6</h2><ul>
<li><a href="http://www.positioniseverything.net/explorer.html">
PositionEverything</a> keeps running tabs on CSS bugs.</li>
<li><em>position:fixed</em> does not fix the element in place as it 
should.</li>
<li><em>position:relative</em> opens up wide and big boxes.</li>
<li>Word wrapping caused by <em>bolded</em> text sometimes pulls the
previous word with it. This occurs only when style has margins!</li>
<li>MSIE has difficulties with relative size text-indentation within
tables when using stylesheets. It recalculates % width to absurdity causing
very wide tables to be displayed. Happy right scrolling everyone!</li>
</ul></body></html>
-- 
-- 
John Russell, VE3LL@COGECO.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher

Received on Tuesday, 20 February 2007 14:06:31 UTC