kan ikke få preload til at stå rigtig

Er der nogen der kan fortælle mig, hvorfor denne preload ikke står rigtig?

www.rkwonline.com/test/dk/portfolio-preload.html

------------------------

            <div id="horizon">
            <div id="preload" align="">

<div id="bg" style="width: 300px; height: 20px; background-color: white; border: 1px solid black;">
  <div id="bar" style="position: absolute; z-index: 4; width: 1px; height: 20px; background-color: #cccccc";></div>
  <div id="percent" style="z-index: 5; left: -100px; position: absolute; text-align: center; width: 300px;"><b>0%</b></div>
</div>

            </div>
        </div>
------------------------

CSS:

#horizon
    {color: white;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 99%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    border: 0px solid red;
    display: block
    }

#preload
    {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: transparent;
    text-size: 11px;
    color: #808080;
    background-repeat: no-repeat;
    text-align: center;
    z-index:3;
    margin-left: -215px;
    position: absolute;
    top: -160px;
    left: 50%;
    width: 460px;
    height: 280px;
    border: 0px solid blue;
    visibility: visible
    }