PeaceFreak

This is what you are trying to achieve, yes?

Here's the code
PHP Code:
<div id="logoWrapper">
    <img id="logo" src="images/GPCMainBanner-e.gif" alt="" width="490" height="115" />
    <img id="nihongoSiteButton" src="images/goto-j.gif" alt="" width="25" height="115" />
    <img id="animation" src="images/GPCMainBanner-animation.gif" alt="" width="60" height="115" />
    <div id="line">&nbsp;</div>
</div> 
and here's the CSS
PHP Code:
body {margin:0}
#logo {float:left; width:490px; height:115px} 
#nihongoSiteButton {float:right; width:25px; height:115px}
#animation {float:right; width:60px; height:115px}
#line {background-image: url(images/gpc-logo-trans-line.gif); background-repeat: repeat-x; margin:0 85px 0 490px; width:auto; height:115px} 
You'll see that I'm minimising the number of div tags. This is because you probably want them to ######## up against each other to give you a nice line. Firefox is great with this, but Internet Explorer introduces 3px gaps (like the ones on the GPC home page). There are hacks to get round this, but reducing the number of divs seems like a much easier and more satisfying solution (unless you're unnaturally attached to the gaps )