この例では下のほうで文字がはみ出しオーバーフローします。それぞれのDIVをピクセルでサイズで指定したためです。現在のブラウザでこの形が崩れるものは少なそうです。macのサファリでもWindowsのファイアーフォックスでも同じサイズです。ただし、ブラウザによって行間と文字の大きさに違いがあるために、みかけが異なります。スタイルシートで文字サイズを決定する必要がありそうです。


色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず

色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず色は匂へど散りぬるを我が世誰ぞつねならむ有為の奥山今日越えて浅き夢見じ酔ひもせず

 おすすめは、control+Z (Command+Z) の活用です。
ソフトによっては上の方(ツールバーとかいう)にUターンのようなマークがあり、
「取り消し」とか「戻る」とか表示されます。
慣れるとキーボードで Control+Z の同時押しが早いし、
なにより色々やってみようというときに活躍するのです  たとえば、写真にいろんな効果(フィルタとかいったりします)をかけたい時、
あれもダメ、これもダメ、Ctrl+Zが大活躍です。  また、うっかり保存、ということがよくあります。
操作は元に戻るのですが、保存とか削除とかだけは戻らない。
この場合もソフトを終了してなければ、Ctrl+Zで戻して保存しなおします。
しかし、ソフトを終了してしまったら、一巻の終わりですが、、、  保存  昔のパソコンはよく止まりました。
フリーズとかクラッシュといって、それが起こると、マウスの矢印(ポインタとかカーソル)も画面も動かなくなる。
今までの作業がすべて水の泡です。
そこで、何か作業が終わったら、とにかく保存して、ほっとする癖がつきました。  最近(昔のパソコンでないのに)はハードディスクが、突然壊れました。
どうでも良いと思っていたファイル達が、いざなくなったら残念無念。
バックアップの必要性を身につまされて知りました。<   こういう体験をして、私は保存を心がけるようになりました。  日常生活とは大違いです。

以下にボタンをCSSのみで作成してみましょう。グラデーションはブラウザごとにscssを何通りか書かねばなりません。

プラグイン類の設置

DIVの場合は表組みと違い、高さは固定した長方形の形として維持されます。文字の量を勘案して高さを指定しなければなりません。
  IEの場合は字の入っているDIVが字に押されて伸びますが、ブラウザによっては、DIVは縦に伸びないで字がはみ出す形になります。
(最近のIEはこの件は修正されました。したがって、文字がはみ出しています。)   結局、文字を下にどんどん増やして行こうと言う向きには、フッターを設けたりせずに、シンプルな箱組みを企画し、予めDIVなり表組みなどの高さを長めに用意して置くのがいいかもしれません。

class "foot-center" の内容がここに入ります
class "foot-right" の内容がここに入ります