Vetical space between two DIVs varies in IE and FF

The vertical space between the footer div and the above content div varies. Its more in IE7 than in FF2. The FF one is right for me, needless to say. In fact I wanted it to be between the two extremes.
Anyway I am dead sick of pleasing both browsers so I ask you all to help me.

Attaching the error image of both browser and also the html and css file.

 

Set all margins & padding to zero.. and then add as required!!!

 

thanks a lot.. it was pretty simple. Could easily identify the miscreant tag and changed its margin to 0. all fine now

 

Another question.
I have made a vertical navigation unit, and to make the complete block clickable I have used

li a {
display:block;
}

Code (markup):

Now without this style the nav unit is constructed perfectly fine in both IE and FF. But when I use this style then there is a spacing between elements in IE7.

Is there a way to correct this or another way to make the whole block containing the link clickable.

Have attached the error image.

 

Could you post the CSS please

 

See if this, White Space Bug Revisited, doesn't answer your question.

cheers,

gary

 

THanks, I appreciate when people teach me to fish myself.

Thanks but I'll get back to you if I cant fish

EDIT- none of the methods worked perfectly fine for me but I managed to make a workaround with the display:inline-block and diplay:block method. Thanks everyone for the help and be tuned for more queries as I proceed with the site development.

 

Looks as if you managed to catch the limit.

cheers,

gary