/* <div id="main">, <div id="list1" class="link-list">, <div id="list2" class="link-list"> */

/* Properties that both side lists have in common */
div.link-list {
        width:10.2em;
        /* position:absolute; */
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#left-list {
    left:0;
    float:left;
}
#right-list {
        right:0;
}