Layout med 2 kolonner ?

Hejsa,

Jeg forsøger at lave et layout ved hjælp af to kolonner en til et index og en til selve sidens indhold. Det første jeg gør er at oprette en "container" der centrere midt på siden med en bredde på 760px :

#container
{
    width:770px;
    height:100%;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border-top:solid 1px #999999;
    border-left:solid 1px #999999;
    border-right:solid 1px #999999;
    border-bottom:solid 1px #999999
}

Der efter laver jeg en "index" :

#index
{
    top:0px;
    left:0px;
    width:199px;
    height:100%;
    float:left
}

Og til sidst laver jeg en "main" :

#main
{
    top:0px;
    left:199px;
    width:565px;
    height:100%
}

1. Her har jeg så problemer med at få "main" liggende ved siden af "index". Den flyttes automatisk nedenunder ?

2. Ændre jeg bredden på "container" til 765px istedet for 760px så kommer den op og ligger ved siden af, men når jeg så sætter et top billede ind i både min "index" og "main" som skal ligge helt op og ned af hinanden, ja så gør de ikke det.

Er der en der kan hjælpe mig med dette ?

/Websam