Tilpasse kalenderkode

Hej eksperter

Jeg har købt en rigtig fed Jquery kalender, som jeg er ved at tilpasse, men 2 ting driller ;-) Håber, at I kan hjælpe.

Kalenderen kan I se her http://www.weekendophold.com/testeksperten.asp

Mine spørgsmål er:

1) Når man klikker på den 24. september 2012, som er markeret med "fed", da der er en begivenhed, er overlay-indholdet i en lille boks. Hvordan gøres den større?

Har prøvet at ændre:

#dateInfoBox{
    padding: 20px;
    width: 480px;
    height: 265px;
}

men det der skørt ud, se http://www.weekendophold.com/testeksperten2.asp

2) Selve beskrivelsen af indholdet er kildekoden:

<div class="event">            <!-- This is one particular event in the calender -->
                <h1>Min begivenhed</h1>            <!-- This is the title of the event -->
                <h2>09/24/2012</h2>        <!-- This is the date that it occurs. MM/DD/YYYY -->
                <p>Dette er min beskrivelse</p>        <!-- This is the description of the event -->
            </div>

Umiddelbart kan jeg kun skrive ren tekst. Hvis jeg f.eks. ønsker at indsætte et linieskift eller andet, vises intet indhold. Hvordan kan jeg ændre dette, så der kan være plads til en lang beskrivelse med linieskift, links osv.

Har oprettet spørgsmål i JavaScript kategorien, da jeg umiddelbart tror, at udfordringen ligger i Javascript kildekoden, men er ikke sikker ;-)

På forhånd tak.