Mysterious blank space?

[9three]

Hey,

 

I'm having an issue where extra space is added to my background image.

 

http://i261.photobucket.com/albums/ii69/yhernandez305/example.jpg

 

I don't know why, I did not set a margin or padding to the lower part.

 

HTML:

 

<div class="pollframe">
      <img src="images/pollTop.jpg" width="225" height="19" />
        <div class="content">
        Poll
        </div>
        <img src="images/pollBottom.jpg" width="225" height="3" />
      </div>

 

CSS

 

#misc .pollframe
{
  width: 225px;
  margin: 0px;
  padding: 0px;
  background: url(../images/pollFrame.jpg) repeat-y;
}

#misc .content
{
  width: 215px;
  margin: 0px 0px 0px 2px;
  padding: 20px;
  color: #5e5e5e;
  background: url(../images/pollBG.jpg) no-repeat;
}

 

Also, if you notice the background of pollframe continues a little further down by about 2 pixels. I don't know why as there is no space for it to continue, the DIV ends where the image is.

 

Anyone, please?

[TheFilmGod]

EDITED CSS CODE

 

#misc .pollframe
{
  width: 225px;
  margin: 0px;
  padding: 0px;
  background: url(../images/pollFrame.jpg) repeat-y;
}

#misc .content
{
  width: 215px;
  margin: 0px 0px 0px 2px; --> margin: 0;
  padding: 20px; --> padding: 20px 0 0 0;
  color: #5e5e5e;
  background: url(../images/pollBG.jpg) no-repeat;
}