Есть два дива : div.header { width:70%; div.header { height:100px; min-width:400px; margin:30px 15% 0; background-color:grey; } div.header>div { border:1px solid; float:left; height:100%; padding-left: 10px; width:33%; } В div.header>div вложено ещё 3 дива, которые исполняют роль пунктов меню. Хочется, чтобы они занимали всю ширину div.header. Но в значение width: 33% не включены паддинги, и элементы выходят за свои пределы. Ещё стало заметно, что при паддинги добавляются засчет увеличения размера дива, а не засчет ущемления внутреннего пространства. Подскажите, как обойти это. Только обязательно должна сохраняться разделительный вертикальный бордер