I'm laying out a site using floating DIV tags rather than tables, and I'm finding a strange problem. My layout is liquid (percentage widths), and I have two main columns...one is 17% and one is 81% (leaving a little short of 100% to prevent it from getting pushed to the next row by some browsers).
I'm adding padding to the 81% row, about 15 pixels on each side. Somehow, this is making the column wider which causes all sorts of layout problems.
Why is this happening? Padding shouldn't change the size of the block element, only constrain things within the element. My margins are 0.
Any help/thoughts would be greatly appreciated.