floats on nested elements

I have reduced the test case even further by removing my 
technique for fixed page width and centering for larger rez.
The problem still exists and reveals both a lack of respect for
body margins as well as loss of one of the nested lists. The
stripped example is ...

<?xml version="1.0" encoding="UTF-8"?>
<!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>FloatTest2: VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:#ffdead;color:black;margin:40px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.toc45{margin-right:105px;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;
         margin:0px;border:1px solid red;float:right;clear:left}
ul {margin:0px;margin-left:20px;border:0px;padding:0px;padding-right:3px;
    list-style:url(images/bullet.gif)}
ul.none {list-style:none;margin:0px;border:0px;padding:0px}
li {margin:0px;padding:3px}
li.toc {background:lightblue;font-weight:bold;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head><body>
<h1>FloatTest2: VE3LL@RAC.CA</h1>
<p>This page has nested divs. Float is applied to the lower level to get
parallel blocks of lists. Amaya loses track in positioning the contained
lists. This second version removes the main div which provides sidebars.
Note that body margin is not respected and that middle list has vanished.</p>
<div class="toc45"><div class="toc"><ul class="none">
<li class="toc">Right of Way</li>
<li><a href="#rp">right-of-way planning</a></li>
<li><a href="#rc">roadbed construction</a></li>
<li><a href="#tr">trackwork</a></li>
<li><a href="#sc">scenery</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Motive Power  &amp; Stock</li>
<li><a href="#ps">power sources</a></li>
<li><a href="#tc">train control</a></li>
<li><a href="#ro">rolling stock</a></li>
<li><a href="#st">structures</a></li>
</ul></div><div class="toc"><ul class="none">
<li class="toc">Basic Information</li>
<li><a href="#g">gauges and scales</a></li>
<li><a href="#cdn">Canadian suppliers</a></li>
<li><a href="#p">publications</a></li>
<li><a href="#c">clubs &amp; hobbyists</a></li>
</ul></div>
</div></body></html>

Received on Sunday, 24 July 2005 10:37:38 UTC