[CSS] 3 kolumny, problem z padding Opcje

[tenloginjestzaje...]

Witam
mam układ strony opartej na trzech kolumnach, indywidualna klasa dla każdej, aby rozwiązać problem prawego marginesu. Niestety nie wiem, dlaczego jak wstawię padding do klasy kolumny to zmniejszają się marginesy, a kolumny wystają poza obszar strony tak jakby zmieniała się ich szerokość, nawet jak wstawię dodatkowego diva w kolumnie. Dziękuje

[PHP] pobierz, plaintext 
.size-960{max-width:960px;}
.s1{margin-right:15px;width:305px;float:left;position:relative;margin-bottom:15px;}
.s2{margin-right:15px;width:305px;float:left;position:relative;margin-bottom:15px;}
.s3{width:305px;float:left;position:relative;margin-bottom:15px;}
 
<div class="margin">
<div class="s1">
kolumna 1
</div>
<div class="s1">
kolumna 2
</div>
<div class="s1">
kolumna 3
</div>
</div>
[PHP] pobierz, plaintext 

[kreatiff]

Gdy dodajesz padding, to istotnie, zwiększa się szerokość kolumn. Dopełnienie jest dodawane do szerokości kolumny.
Spróbuj wykorzystać box-sizing: border-box; lub zmniejsz szerokość kolumn.

[tenloginjestzaje...]

wcześniej używałem:

[PHP] pobierz, plaintext 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}
[PHP] pobierz, plaintext 

ale zmieniam kod strony, pozbywam się staroci.