I have a CSS document, and I want a thin colored bar on the side. This is my code:

div#trans1 { background:#080000;
width: 7px;
height: 100%;
position: relative;
top: 0px;
left: 0px;
}

The w3c CSS validator said it was good, and it works perfectly in Internet explorer.


But it doesn't work in Firefox, Netscape, or Opera. I see a bar w/ the correct width, and color, but it is not 100% the screen size.

ASAP help would be appreciated, so please reply soon if you have an answer for me!

Once again, many thanks!