CSSコミュの【Q】エキサイトブログのカスタマイズ

はじめまして。とまとです。

エキサイトブログのカスタマイズをしており、Win+IE、Mac+IEでは正しく表示されるんですけど、サファリとFire Foxだとカウンターの後ろに指定した画像が下にズレてしまいます。
記述を間違えている可能性も大なので(T▽T)ちょっと見て頂けないでしょうか。

▼html部
※hrefとimgは文字に置き換えてあります。
<div id="header">
<div style="padding-left:5px;padding-top:10px"><a href="トップページ"><img src="小バナー" width="149" height="45" border="0"></a></div>
<div style="padding-left:5px;padding-top:2px;font-size:10px;color:#CC3300;line-height:100%">※このアイコンをクリックすると<br>トップページにジャンプします。</div>
<h1>BLOG</h1>
<div class="HEADER_CONTENTS">
<div class="URL"><$blogurl$></div><br>
<div class="USERMENU"><$adminmenu$></div>
</div>

<div id="counter">
<div class="counter_parts">
<IMG SRC="カウンター統計画像"><br>
<IMG SRC="スペーサー画像" width="15px" height="23px"><br>
<IMG SRC="スペーサー画像" width="17px" height="25px"><IMG SRC="カウンター今日画像">
</div>
</div>

</div>

▼SCC
div#header {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
height: 445px;
float: none;
clear: both;
background-color: #444444;
}

div#header h1 {
font-size: 25px;
font-family: 'Times New Roman';
　　 color: #fff;
margin: 0px 0px 0px 20px;
padding: 23px 0px 0px 0px;
}


DIV.HEADER_CONTENTS { FONT : BOLD LARGE/100% Courier New,TAHOMA; TEXT-ALIGN:RIGHT; padding-bottom:2px}

DIV.HEADER_CONTENTS A:LINK { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.HEADER_CONTENTS A:VISITED { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.HEADER_CONTENTS A:HOVER { COLOR: #ffffff; TEXT-DECORATION: UNDERLINE; }

DIV.URL {
FONT : X-SMALL/100% VERDANA,TAHOMA;
MARGIN : 0px 5px 0px 5px;
TEXT-ALIGN:RIGHT;
float: right;
}
DIV.URL A:LINK { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER { COLOR: #ffffff; TEXT-DECORATION: UNDERLINE; }

DIV.USERMENU { FONT : 8PT/100% VERDANA; TEXT-ALIGN : RIGHT; MARGIN : 0px 5px 10px; }

DIV.USERMENU A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #98A6E4; TEXT-DECORATION: UNDERLINE;}

div#counter {
background-color:#000000;
background-image:url(http://www.------.net/blog/image/counter_back.jpg);

width:750px;
height:301px;
}

.counter_parts {
margin-top:130px;
margin-left:570px;
}

--
これ以前に設定しているSCCは以下の通り。

html {
background-image: url(http://www.------.net/image/bg_check.gif);
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #444444;
scrollbar-face-color: #FF3333;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #444444;
scrollbar-track-color: #444444;

}

BODY { text-align: center; }
BODY,TD,DIV,LI {
FONT-SIZE : SMALL;
FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF;
LINE-HEIGHT : 150%;
COLOR : #000000;
MARGIN: 0px;
}

A:LINK { COLOR: red; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: red; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: #red; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #FF3333; TEXT-DECORATION: UNDERLINE; }

div#document {
padding: 0px 0px 0px 0px;
width: 750px;
border-right: #FF3333 1px solid ;
border-left: #FF3333 1px solid ;
text-align: center;
background-color: #444444;
}