Padding, layout a colonne...

[ricman]

Faccio un layout del genere:

<div id="main">
  <div id="contenuti">
     <div id="sx">SX</div>
     <div id="centro">Centro</div>
     <div id="dx">DX</div>
  </div>
</div>

E poi pongo

#main {
  margin: 0 auto;
  width: 90%;
  background-color: #fff;
  border: 1px solid #888;
}
#contenuti {
  background-color: #CCCC99;
}
#sx {
  float: left;
  width: 20%;
  background-color:#CC9999;
}
#centro {
  float: left;
  width: 60%;
  background-color:#FFCC99;
}
#dx {
  float: left;
  width: 20%;
  background-color:#99CC66;
}

E tutto va bene.
Però appena metto un padding di qualche pixel ad una delle tre colonne (esempio alla SX) il layout si distrugge!!
Allora, dico, a che serve lavorare in percentuale?
Mi trovo male a dare delle percentuali inferiori calcolando ogni volta i padding...

Voi come fate?