Включить отступы в ширину блока

Всем привет. Есть код табов https://jsfiddle.net/nore0x3e/3/

Как видите, кнопки и контент который выводится под ними, растягиваются. У кнопок width:33.33%; у контента который ниже 100%. Все бы отлично, но стоит добавить у кнопок отступ и последняя кнопка уже переносится на новую строку. Тут бы помог:

    margin-right:6px; 
    box-sizing:padding-box;

Но в хроме такая конструкция не работает (padding-box не поддерживается), а вот в файрфоксе отлично.

Так же бы мне помогло:

    border-right: 6px solid #fff;
    box-sizing: border-box;

Но у моих кнопок углы закругленны, в отступ в виде правого белого бордера, получается внутри кнопки, а не снаружи, да и кнопки уже имеют бордер.

В общем, как сделать чтобы блок с кнопками поиска и контент который ниже, растягивались во всю ширину монитора?