Can someone tell me what is wrong with this CSS?

I am trying to use CSSP to position two sidebars on a webpage.  I want to
use relative widths so that it doesn't really matter how wide your window
is.  But I've run into many, many problems.  Can someone explain what is
wrong with this code, or is it something wrong w/NS4.0:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN"><HTML>
<HEAD>

<TITLE>Untitled</TITLE>
<STYLE TYPE="text/css" MEDIA="screen"><!--
  BODY { background: #FFFFFF; color: #000000; font-size: 12px; font-family:
Palatino, serif }
  P.main { margin-left: 25%; margin-right: 25%; font-size: 12px;
font-family: Palatino, serif }
  .leftsidebar  { position: absolute; top: 60px; left: 0%; width: 15%;
height: auto; padding: 5px; margin: 0em; border: solid white; background:
#CCCCFF }
  .middle { position: absolute; top: 60px; padding: 0px; margin: 0em;
border: solid white }
  .rightsidebar  { position: absolute; top: 60px; left: 80%; width: 15%;
height: auto; padding: 5px; margin: 0em; border: solid white; background:
#FFFFCC }
--></STYLE>

</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">

<DIV ALIGN=CENTER>[header]</DIV>
<DIV CLASS="middle">
<P CLASS="main">blah blah blah blah</P>
</DIV>
<DIV CLASS="leftsidebar">
blah blah blah blah
</DIV>
<DIV CLASS="hot">
<SPAN CLASS="hothead"
blah blah blah
</DIV>

</BODY>
</HTML>

It seems to me that the two columns should be of equal width; however, the
second column is no more than a third of the first columns width.

--------------------------------------------------------
[                    Jordan Reiter                     ]
[            mailto:jreiter@mail.slc.edu               ]
[ "You can't just say, 'I don't want to get involved.' ]
[  The universe got you involved."  --Hal Lipset, P.I. ]
--------------------------------------------------------

Received on Tuesday, 9 September 1997 17:44:13 UTC