header problem and footer showing wrong in FF...need help

Hi

I´m doing my first site in css and i´ve encountered a problem with the bg picture of header. Go and check the site with both IE and FF u can see that the picture is not in right place, there should be white seen also in the left of the header. Can u help me...i can´t figure it out. Also i have a problem with FF. The footer is FU in it...it´s showing below navigation beside the contenarea...also the bgcolor of the container isn´t showing at all.

í´d be more than grateful if u could help me. U can PM me and i´ll send u the css file so you can check it. really need ur help.

thanks in advance!

here´s the site http://koti.mbnet.fi/thinner/pihlajatemplate/

 

You've got some problems with your source code, there is at the top of your source code 3 </div>'s

</div>
	</div>
		</div>

HTML:

Remove them. Also under the footer div tag you need to add another

</div>

HTML:

to end the DIV bit for the "container".

 

For the footer problem, add

<div style="clear: both"></div>

Code (markup):

just after the closing </div> of content..

The reason you are having problems with the header is most propably because you have used improper padding. Looking at your code and the bg picture, I see that the width is 659px. If you want a left and right padding of 5 px, you'll need to add the padding to the width too. So the width should be 669px. Hope this helps.

 

thanks for your help..the footer problem was solved, except the 2007 copyright mark is in the left corner of the footer in FF and the footer bg pic isn´s still showing.
But changing the header width didnt help...you did mean the header width or the bg pic width?

 

I think you want the header to float in the middle.
for this,
put

<div id="header">
</div>

Code (markup):

in the main container and
put this code in your css file.

#header{
width: 659px;                                                   /*width of picture*/
margin: 0px auto;
background: transparent url(..../image.gif)    /* image url*/
}

Code (markup):