今日はWelcome部分。
角丸＆文字拡大＆中のテキスト量が多くなっても大丈夫なように、いつも通りdiv3枚重ね。

<div class="welcomeTop">
<div class="welcomeBottom">
<div class="welcome">

<p>しろーとのうぇぶでざ</p>

</div>
</div>
</div>

#leftCol .welcomeTop{
background:url(../image/welcome_top.gif) top left no-repeat;
padding-top: 20px;
}

#leftCol .welcomeBottom{
background:url(../image/welcome_bottom.gif) bottom left no-repeat;
padding-bottom: 20px;
}

#leftCol .welcome{
background:url(../image/welcome_center.gif) repeat-y;
}

そして・・このdiv#Welcome内はfloatで左右に分けてるんだけど、clearさせる箇所が見つからない！
ってことでHTML上に

<div style="clear:both">＆nbsp;</div>

という情けないやり方で回り込みの解除をしとります。

1*1の画像をCSSでclearさせたりとかいろいろやり方はあるんだろうけど、結局HTML上に何かを記述させなきゃいけないのならこれでもいいかなぁと。
なんか気持ち悪いけどねー。
って以前から多用しまくりで何を今更って話なんだけどｗ
contentを使ったやり方もあるらしいけど、うまくいったためし無し。なんか勘違いしてるんだろか・・？