Float flyder ud over container

øhm, den float-box regner jeg med er dit banner ?!?-)

Er det nu meningen at den kun skal være 100px bred??? I dit stylesheet skriver du jo:
#sidebillede {
    float:right;
    width:100px; /* Mener du ikke 100% her ?-)
    height:300px;
    background: url('billeder/topbanner.jpg');
    }
og dit billede:
<img src="billeder/topbanner.jpg" height="100%" width="100">

Nej jeg mener den div der har id'en sidebillede, altså ikke mit banner. Jeg tog bare et tilfældigt billede og brugte som eksempel og satte height og width til det rigtige.

Som du sikkert kan se, så flyder boksen ud over containeren, og det er jo meningen den skal være inden for containeren, og dermed udvige området, hvor indholds-teksten står i!

okay - prøv at tilføje dette til dit stylesheet:
#sidebillede IMG {
    margin-bottom:-3px;
}

#contentDiv {
    width:600px;
    overflow:auto;
}

og så omkrans sidebillede og content i endnu en div:
<div id="contentDiv">
      <div id="sidebillede">
        <img src="billeder/topbanner.jpg" height="100%" width="100">
      </div>

      <div id="content">

        <span>Velkommen!</span>

      </div>
      </div>

det skal måske lige tilføjes at linien
margin-bottom:-3px;
er for at IE ikke gav et irriterende mellemrum i bunden - håber ikke det giver nogle problemmer for de andre browsere ellers må du sige til :-)

Tjaaa. det ser såmen fint nok ud i IE, men i mozilla er den lige gal.

og du har tilføjet de ovenstående linier? Mærkeligt. Det virker fint hos mig hvis du laver en ekstra div rundt om content og sidebillede.

Rettelse: det virker fint i mozilla, min fejl. Men kan  man ikke undgå at få <img>'teget med i koden?

Hmm det lader til at virke :D

Læg et svar hvis du vil have de points ;)

joda :-)

Jeg vil dog ikke mene det er nogen god ide' at fjerne <img> tagget hvis du vil resize billedet. Du kan gøre det med kun et baggrundsbillde, men så må du på forhånd resize det til den valgte størrelse.
Og så kan du tilføje dette til dit stylesheet:
#sidebillede {
    float:right;
    width:100px;
    height:300px;
    background: url('topbanner.jpg');
    background-repeat:no-repeat;
    }

Ang. formatering af baggrunds-billedet, så har jeg helt tjek på det ;-)

Og, her er dine points :)

godt godt - det er jeg sikker på du nok skal få til at køre :-)
Men du bør i al fald fjerne en af delende - der er jo ingen grund til at lave både et <img>-billede og et baggrundsbillede hvis man kun ser et af dem.

Takker for point forresten :-)

Jeg har også fjernet IMG-taget :)