枠タブborderは背景の外側につくため、外側のブロックにborderを指定すると、内側のブロックの背景では消すことはできません。そのためborderだけでタブを作るとその下の枠をつなげるのがむずかしいのです。<div>は便利なタグですが、多用するとどこまでその指定が継承されるのかがむずかしく、スタイルの指定が複雑になればなるほど、リンクしているいくつものCSSが影響し、何がなんだかわからないなんてことにもなります。私はよくわかっておりません。あいうえおかきくけこさしすせそたちつてとなにぬねのこの枠だけのタブは本来、一番最初の部分にレイアウトされるものです。線の上に乗っている部分は、一番外側のブロックのborder-bottomです。paddingを指定しないとタブの上に乗ってしまうし、border-topだとうまくいきません。paddingをピクセルで指定する都合上、fontもピクセルで固定しています。