Hinweis mit CSS einblenden und mitscrollen

[Flo]

Hallo,

auf meiner Webseite möchte ich einen Hinweis bringen. Bisher habe ich es so gemacht:

<div id="bw" class="fehlermeldung">
Hallo auf meiner Webseite!
</div>

Die class:

.fehlermeldung {
background: #ffff00;
color: #990000;
border: solid 1px #ff0000;
position: relative;
width: 400px;
font-weight: bold;
font-size: 14px;
font-family: verdana;
text-align: left;
top: 50%;
left: 50%;
visibility: hidden;
padding: 5px 5px 5px 5px;
}

und mit JS wird es eingeblendet. Wenn der Hinweis nicht eingeblendet ist, dann verschiebt sich die Webseite leider nach unten und es entsteht ein leerer Platz.

Wie kann ich es realisieren, dass die Seite ganz oben bleibt und beim Einblenden der Hinweis mitscrollt.

Vielen DAnk

Flo