Issue with CSS2.1 9.5.1 float rules

Take the following testcase:

<!DOCTYPE html>
<div style="width: 500px; border:solid">
<div style="float: right; width: 50px; margin-right:
-80px; border: solid blue">a</div>
<div style="float:left; width: 1000px; border:solid
green">b</div>
</div>

Try this testcase in any browser (at least all the
browsers on my computer), and you will see that the
two floats end up overlapping each other.  However,
rule 3 says that "The right outer edge of a
left-floating box may not be to the right of the left
outer edge of any right-floating box that is to the
right of it."  This rule doesn't seem consistent with
what browsers currently implement in this case.

The rules might need to be adjusted to account for how
actual implementations deal with zero-width floats.


      ____________________________________________________________________________________
Luggage? GPS? Comic books? 
Check out fitting gifts for grads at Yahoo! Search
http://search.yahoo.com/search?fr=oni_on_mail&p=graduation+gifts&cs=bz

Received on Saturday, 16 June 2007 21:55:26 UTC