ul liが一行目だけずれる（IE7）

質問

表題通りなのですが、IE7で確認するとul liの一行目だけがなぜか左にずれてしまいます。
原因が分からず困っています。
どなたか教えて頂けませんでしょうか。
宜しくお願い致します。

【css】

div#side {
display: inline;
float: left;
width: 178px;
margin-top: 20px;
}

div#side ul#sidenav {
list-style-type:none;
border: 1px solid #ccc;
}

div#side li {
position:relative;
width: 165px;
height:40px;
background:url(../common/bg.jpg) no-repeat center;
padding: 1px;
margin: 5px;
}

【html】

<div id="side">
<ul id="sidenav">
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>

回答No.1

askaaska · ベストアンサー

渡されたCSSとHTMLを再現したけど
ぜんぜんずれていないわよ？
何かもっと別の場所に原因があるんじゃないかしら？

お礼

IETesterではずれて見えるのですが、実はずれていないのでしょうか……
別の場所を探すためにside以外消してみたのですが表示が変わらなかったので、諦めようと思います。
素早いご回答有難う御座いました！