[DIV] Tekst loopt uit DIV & Pagina langer dan DIV

[ekkoper]

Hey
Ik heb twee probleempjes waar ik geen oplossing op kan vinden, misschien dat iemand mij kan helpen omdat ik niet denk dat ik de eerste ben met die problemen..

Het eerste is dat ik een DIV-layer(noem je dat zo?) heb gemaakt, maar als de tekst langer is dan de breedte van die DIV, dan loopt de tekst (in Firefox) gewoon door, dus over de rand van de DIV.
Het tweede is dat ik 2 DIV's in een andere DIV heb, die beide gepositioneerd zijn, dat ziet er op zich goed uit, alleen zit er nu onder de hoofd DIV een stuk lege ruimte, zonder reden.

code:

CSS:

DIV.book{
    width: 789px;
    height: 572px;
    background-image: url('./images/bookoutside-2.gif');
    background-repeat: no-repeat;
    border: 2px solid blue;
    text-align: left;
}
DIV.left{
    width: 260px;
    height: 450px;
    position: relative;
    left: 100px;
    top: 52px;
    border: 1px solid red;
}
DIV.right{
    width: 272px;
    height: 450px;
    position: relative;
    left: 420px;
    bottom: 400px;
    border: 1px solid red;
}

HTML:
<CENTER>
<DIV class="book">
<DIV class="left">
rerererererererererererererererererererererererererererererererererererererererererererererererere rerererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererererere
</DIV>
<DIV class="right">
la

</DIV>
</DIV>

Heeft iemand een idee hoe ik dit kan oplossen?
Alvast bedankt!

Eduard

[Geert.H]

code:

DIV.left{
    width: 260px;
    height: 450px;
    position: relative;
    left: 100px;
    top: 52px;
    border: 1px solid red;
}

dat moet worden:

code:

DIV.left{
    width: 260px;
    height: 450px;
    position: relative;
    left: 100px;
    top: 52px;
    border: 1px solid red;
    overflow:auto;
}

en wat bedoel je precies met die ruimte?

[ekkoper]

Bedankt! dat werkt

Dat over die ruimte..
Onder de DIV zit een witte ruimte die ik niet zelf gemaakt heb, maar die vanzelf is ontstaan.. Er staat geen tekst of enters ofzo, maar je kan dus wel de pagina naar beneden scrollen. Erg onhandig/lelijk dus.
Ik vermoed dat het komt doordat ik de rechter DIV een negatieve top-waarde (of een bottom-waarde) heb gegeven, maar dat weet ik niet zeker..

Kan je daar iets mee?