float problem with amaya 8.8

the following file demos some float issues...
compare the look to that in FireFox or Opera
even msie is close to what designer intended.
but amaya really messes up !!!

<?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>Railroads in the Garden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:maroon;color:black;font-size:12pt;text-align:center;
      width:780px;margin:auto;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
div.main {background:#ffe6aa;width:720px;height:400px;text-align:left;
    margin:0px;padding:25px;padding-bottom:5px}
table {margin:auto;border:0px;padding:0px}
tr {vertical-align:top}
td {margin-left:auto;margin-right:auto;padding:1px 3px;
    border:0px;text-align:left;vertical-align:top}
th {margin-left:auto;margin-right:auto;padding:1px 3px;
    border:0px;text-align:center;vertical-align:top}
ul {margin:0px;margin-left:20px;border:0px;padding:0px;padding-right:3px;
    list-style:url(images/bullet.gif)}
li {margin:0px;padding:3px}
div.toc45{margin-right:105px;margin-bottom:30px}
div.toc {background:lightyellow;width:160px;float:right;clear:left;
         margin:0px;border:1px solid red}
p.center {text-indent:0px;text-align:center}
table.color {color:black;background:#ccccff;
             border:2px solid black;padding:5px}
ul.none {list-style:none;margin:0px;border:0px;padding:0px}
li.toc {background:lightblue;font-weight:bold;
        margin:0px;border-bottom:2px solid red;padding:3px}
</style></head>
<body><div class="main">
<h1>Railroads in the Garden</h1>
<p>This page is a collection of resources for those who are
interested in garden railroads (primarily in 45mm gauge).
The basic information topics are:</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>
</div></body></html>

Received on Sunday, 24 July 2005 00:36:50 UTC