small break between divs

[CincoPistolero]

I have what should be simple, but alas, isn't. I have a test page that all the pieces fit togehter. the test page is just html header stuff. then a css header section, body section and footer section. the body has some plain text. When I copy and paste the css from the test page to my normal pages that contain html and php code. I get a slight break between my css header div and the main body div. Below is my php page info plus my css. Can anyone see an issue.

 

CSS Header

<center>
<div id="container">
   <div id="pwbanner">
   	<img src="../images/topbanner.jpg" width="834" height="115" border="0" />
   </div>

 

CSS Body

<div id="login">

 

CSS Footer

<div id="pwfooter">
   	<img src="../images/btm.jpg" width="834" height="102" border="0" />
   </div>
</div>

 

the CSS

#container{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;
width: 834px;
}
#pwbanner{
width: 834px;
}
#pwfooter{
width: 834px;
}
#login{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 834px;
background-image:  url(../images/bkg.jpg);
}

 

 

 

 

[CincoPistolero]

I changed this

<div id="pwbanner">
   	<img src="../images/topbanner.jpg" width="834" height="115" border="0" />
</div>

 

to this

<div id="pwbanner">
   	<img src="../images/topbanner.jpg" width="834" height="115" border="0" /></div>

 

and it works. go figure