6 colomen op beeldscherm

Ik wil graag 6 kiesmogelijkheden op het scherm nasst elkaar.
Nu wil ik niet uitgaan van een vast getal voor beeldscherm breedte dus ga ik werken in procenten.
Eerste in CSS de basis op 90% van het beeld gezet.

/* General Styling */

@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
body {
    font-family: 'Droid Serif', serif;
    font-size: 14px;
    color: #333;
}

.main {
    background-color: #e9e9e9;
    width: 90%;
    margin: 0 auto;
    overflow: auto;
}

Waarom width op 90%; Deze is deelbaar door 6 = 15%
Dan de code voor de kolomen

/* Six Column */

.column-1-left {
    width: 15%;
    background-color: #d7ede9;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #5e9d92;
    float: left;
    margin-right: 0px;
}

.column-2345-middle {
    width: 15%;
    background-color: #d7ede9;
    padding: 10px
    border-radius: 25px;
    border: 1px solid #5e9d92;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}

.column-6-right {
    width: 15%;
    background-color: #d7ede9;
    padding: 10px
    border-radius: 25px;
    border: 1px solid #5e9d92;
    float: right;
    margin-left: 0px;
}

Het voorbeeld is hier te vinden.
Nu zie ik wat vreemds, kolom 1-5 staan netjes naast elkaar maar nummer 6 staat helemaal rechts met een ruimte ertussen.

De vraag is hoe krijg ik dit nu netjes aansluitend en gelijk verdeeld ???