初心に戻って、ごくごくシンプルに。 高さをパーセント指定しているので、IEとFirefoxでちょっとばかり位置が変わります。

リンクを追加するときは、

<LI><A href="page1.htm">ABOUT</A> | </LI>

を一括りにして追加してください。

サイト名が長いときには折れ曲がる可能性があります。適当なところで改行を入れるか、もしくはCSSの以下の太字下線部を変更してください。

H1{
  margin : 0px;
  font-size : 19px;
  border-right : 30px solid #666666;
  width : 200px;
  padding : 0px;
  background : #cccccc;
}