steffen: Durckvorschau fehlerhaft

Beitrag lesen

Hallo,

ich habe ein kleines Problem und zwar die Druckvorschau, zeigt mir bei 3 genau gleichformatierten Elemten, anders an.

Auf Seite 1 stimmt es, aber Seite 2 und 3 jedoch, habe ich das Problem, dass er mir mein Element nach Oben schiebt, so dass es mir meine Umrandung nicht mehr anzeigt.

<div id="druck">
 <div id="header"><p>KundenID: #6224</p></div>
</div>
<div id="druck">
 <div id="header"><p>KundenID: #6224</p></div>
</div>
<div id="druck">
 <div id="header"><p>KundenID: #6224</p></div>
</div>

CSS File:

#druck {
 page-break-after:always;
}
#header {
background-image: url(./im/phoenix_druck.jpg);
background-position: right;
background-repeat: no-repeat;
height: 67px;
border: 1px solid black;

}

#header p {
 padding-top: 30px;
}

Weiß jemand rat?

Danke euch schonmal

Steffen