Dreispaltiges CSS-layout - unerwünschter Abstand

[Jörg]

Hallo,
ich versuche mich gerade an einem dreispaltigem CSS-layout, wobei ich schon bei der ersten spalte ein problem habe:

http://www.digitales-lichtbild.de/css-versuch/index.html

Hier macht er mir bei der grünen Box einen unerwünschten 4px-Abstand zum oberen Banner, allerdings nur im Mozilla, der IE macht es "richtig"(?).
Zudem soll statt dem grün eigentlich eine Hintergrundgrafik erscheinen, wobei die Anzeige dazu einfach ignoriert wird.

Hier der Code:

<div id='seite'>
<img src='jpg/banner.jpg' alt='Banner' class='banner'><br>

<div id='sidebar'>
</div>
<div id='main'>
</div>
<p id='footer'>

</div>
</div>

CSS:

/* Hauptteil */

div#seite {
         margin-left:auto;
         margin-right:auto;
         margin-top:20px;
         padding:3px;
         width:765px;
         background:#FFFFFF;
  }
  img.banner {
         margin-left:auto;
         margin-right:auto;
         margin-top:0px;
         margin-bottom:0px;
         padding:0px;
  }
  div#sidebar {
         margin-top:0px;
         padding:0px;
         width:139px;
         background-color:#03D938;
         background-image:url(jpg/navi-hintergrund.jpg); <---- *
         background-repeat:repeat-y;
         height:200px;
  }

* wird einfach ignoriert (auch wenn ich die Angabe "background-color" rausnehme.

Kann mir da jmd weiterhelfen?

MfG,
Jörg