IE with height percentages

[Michael L. Artz]

Is there a problem with IE's rendering of div height percentages?
Basically, I have 3 layers: a container layer, a content layer within
the container layer, and another "sidebar" layer (also within the
container layer) that I would like to have running down the entire right
side of the content. I posted a simplified html and stylesheet below,
but what I am really trying to do is at
www.october29.net/~dragon/swe_conference/ . The bar going down the
right-hand side of the content is visible with NS6+, since its height is
set to 100%, but on IE it seems to be set to the height of the content
within it.

Is there some way to workaround this with CSS that is hopefully
compatible across the board? I had a small javascript that will
dynamically write a new div with the computed height of the container
layer that displayed the sidebar correctly, but it messed up some other
positioning that I had done, so I was trying to go back to something a
little more standard. Someone also mentioned that I should try
resorting to the transitional DTD (using strict right now) but that
seemed to have no effect.

Thanks for any help
-Mike

The simplified html:

<div id="main">

<div id="content">
tons of content ...
</div>

<div id="sidebar">
&nbsp;
</div>

</div>

and the simplified stylesheet

#main {
width: 100%;
background-color: #CCCCCC;
}

#content {
float: left;
width: 80%;
background-color: #FFFFFF;
}

#sidebar {
position: absolute;
height: 100%;
top: 0em;
right: 0em;
background-color: #000000;
}

[Cybarber]

  position:absolute;

  height:100%;

   width: 100%;
   background-color: #CCCCCC;
}

#content {
   float: left;
   width: 80%;
   background-color: #FFFFFF;
}

#sidebar {
   position: absolute;
   height: 100%;

   width:20%;

   top: 0em;
   right: 0em;
   background-color: #000000;
}