unwanted space between css layers

[tableforglasses]

alright, I tried to take pieces of advice from the last post. Clearly I am still figuring out the whole css thing, so I appreciate the help. To reiterate I was having trouble with css layers and space between a header, body, and footer. I took the advice of trying to put the header and footer into the body_text div. It worked great, only one problem, I put a 1 px snippet as a background for the body_text layer that will run down the body, but for some reason under the footer the snippet is appearing and the div is not ending right at the footer, not sure how I can change this. It is easier to see it and understand than me explain it, so it is posted here
http://www.themastersinn.com/lbf_new.html
Any help would be greatly appreciated
thanks

[osgood]

alright, I tried to take pieces of advice from the last post. Clearly I am still figuring out the whole css thing, so I appreciate the help. To reiterate I was having trouble with css layers and space between a header, body, and footer. I took the advice of trying to put the header and footer into the body_text div. It worked great, only one problem, I put a 1 px snippet as a background for the body_text layer that will run down the body, but for some reason under the footer the snippet is appearing and the div is not ending right at the footer, not sure how I can change this. It is easier to see it and understand than me explain it, so it is posted here
http://www.themastersinn.com/lbf_new.html
Any help would be greatly appreciated
thanks

You still need to use display: block; for the footer image to sit flush with the bottom of the body_text <div>, (see code below) or if some people seem to think inline css styling is some kind of a 'hack around' use the css I provided yesterday, which is below the inline solution.

Inline solution:

<img src="lbf_new_files/footer3.jpg" alt="footer" height="42" width="970" style="display: block;">

Or add to the style sheet:

#body_text img {
display: block;
}