ベーシック1 (basic1.css)
確認ページ→XHTML+CSS実験室
ごくごくオーソドックスなタイトル＋縦2段の配置。
floatプロパティでメニューを左側に固定して。
--
#menu {
width: 20%; <-- 全体の20%の幅に指定。
float: left; <-- これがポイント
･････
}
--
次の要素（メイン）を右側にくるようにしました。
floatプロパティもpositionプロパティも特に指定してません。
--
#main {
width:100%; <-- ここが要注意。
･････
}
--
リンクのところで回り込みをクリアして全体を使うように指定。
--
#link {
･････
clear:both; <-- 回り込みをクリア
width:100%;
･････
}
--
何がいけないのかわかりませんがFirefoxでは目も当てられません。
ネットスケープは未確認。
確認ページ→XHTML+CSS実験室