CSSコミュのfloatを使ってのレイアウトについて

すいません。
質問をさせて下さい。
floatを使って、左にコピー文、右にナビゲーションを
つけようと思ってコーディングしていたのですが、
右のナビゲーションが少し下にずれてしまいます。
しかし、HTMLソースの左余白をなくしたら、
きれいに横並びになりました。
HTMLソースの左余白は無くしたほうがいいのでしょうか？
ずれ問題があったときのHTMLソースです。
--------------------------------------------------------------
<div id="container">
<div class="bannerue">
<p>コピー文がここです。</p>

　　<a href="#"><img src="images/009.gif" alt="">→ヘルプ</a>
　　<a href="#"><img src="images/008.gif" alt="">→買い物カゴ</a>
</div>
--------------------------------------------------------------
CSSソースは、下記の通りです。
--------------------------------------------------------------
body {margin: 0px 0px 20px 0px;text-align:center;background-color:#FFF0F5;}

a img{border:none;}

a{text-decoration:underline;}
a:link{color:#006699;}
a:visited{color:#006699;}
a:active{color:#006699;}
a:hover{color:#ff0000;}
p{margin:0;}
h1, h2, h3 {margin:0px;padding:0px;}

#container {line-height:130%;text-align:left;padding: 5px;width: 750px;margin:0 auto;background-color:#ffffff;border:1px #ccc solid;}

.bannerue{ height:15px;margin:0 0 3px 0;}
.bannerue a{ float:right; padding:0px 10px;font-size:13px;font-weight:bold;}
.bannerue p{float:left;font-size:13px;}
--------------------------------------------------------------
初歩的な質問かもしれませんが、
どうぞよろしくお願い致します。