[HTML/CSS]IE以外でのブラウザで。ウインドウサイズが横スクロールが必要な幅のとき、背景色（画像）とボーダーが横にスクロールした先で切れてしまいます。floatしてるのが怪しいとは思うのですが、検索してもソースをあーだこーだ弄っても僕の力では解決できませんでした。htmlとcssのソースは長くなるのでコメント欄に記述します。テスト用のファイルは下記URLにアップロードしておきました。

■HTMLソース
<div id="container">
<div id="container-inner">
<div id="header">
<div id="header-inner"><h1 id="sitename"><a href="http://tadateto.net/"><img src="http://tadateto.net/img/siteID_sml_white.png" alt="TADATETO" width="107" height="26" /><script src="http://tadateto.net/cgi/mt/mt-static/js/apng.js"></script></a></h1>
<p class="description"><img src="http://tadateto.net/img/myself_sml.png" align="right" />Movable Typeは面白い！GetVar、SetVar、GetVar、SetVar、、、凹Ｏｺﾃｯ　条件に合わせてコンテンツを自在に操る！（ことができるようになればいいなあ・・・）</p>

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

■CSSソース
@charset "UTF-8";

* {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
list-style-type : none;
}

body {
border-top: 5px solid #000;
font-family:Osaka,"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

h1, h2, h3, h4 {
font-weight: normal;
font-size:100%;
}

a img {
border:none;
}

#header {
height:84px;
background-image:url("http://tadateto.net/img/header_204.png");
border-bottom:5px solid #E5EDC7;
}

#header-inner {
margin:0 auto;
width:920px;
}

h1#sitename {
width:107px;
margin-top:50px;
float:left;
color: #FFF;
}

p.description {
margin-top:1.5em;
float:right;
width:300px;
color: #FFF;
line-height:1.8;
font-size: 60%;
}