html оформление за добавяне на събития в календар

Опитвам се да направя подобен календар като Google Calendar, но само месечен изглед и имам проблеми с добавянето на събитията в полетата за дни. нямам представа как ги добавят по този начин, защото float ляво не работи и ако използват абсолютна позиция, как знаят какъв връх да дадат на всяко събитие, както е на тази снимка. http://i40.tinypic.com/1hcfuw.jpg

Досега създадох този html

<div class="week">
    <ul>
        <li style="width: 300%;">Fishing</li>
    </ul>
    <ul>
        <li style="width: 400%; margin-top: 23px;">Basketball</li>
    </ul>
    <ul>
    </ul>
    <ul>
    </ul>
    <ul>
        <li style="width: 200%;">Coding</li>
    </ul>
    <ul>
    </ul>
    <ul>
    </ul>
</div>

<ul> са дни, а <li> са събития в този ден, но аз ги добавих ръчно. Има ли лесно решение за това? Благодаря ти, Даниел!