Pagina verkleinen: Layout niet goed

Hallo,

its been a long time ago but, ik heb een foutje in mijn template / layout.
Als ik namelijk mijn pagina verklein dan gaat mijn banner div op een andere plek staan, dit was eerst ook bij copyright maar dit heb ik weten te verhelpen met clear: both;.

Hebben jullie enig idee hoe ik dit kan verhelpen?

Met vriendelijke groet,

Frank Sijbom

Hier gaat het om: Frank Sijbom - Knutsel - CMS.

En dit is de code :
#header {
width: 100%;
height: 150px;
}

#header .headertekst {
padding-top: 40px;
padding-left: 370px;
width: 500px;
height: 100px;
font-family: Comic Sans Ms;
font-size: 24px;
font-weight: bold;
font-style: italic;
float: left;
color: #4E4E56;
}

#header .headerbanner {
width: 468px;
height: 60px;
background: white;
margin-top: 30px;
margin-right: 400px;
float: right;
border: 1px dotted black;
font-style: italic;
}