Gap in page in Chrome, fine in FF and IE

HI,
I have been asked to make css changes to an existing site. At one point we noticed that one page has a large vertical gap between the header and the main content, ONLY in chrome - it looks fine in ie7, ie8, and ff.
Does anyone have any ideas how to solve this?

 

Thanks -
diettv DOT com SLASH register DOT php

 

Thanks for your help. This didn't work. Any other ideas?

 

err really confusing but cna you post the code for the main style?

 

There is a ton of css here - the style sheet is over 5000 lines!
The content div has the following css:

Code:

#content {
margin:0 auto;
overflow:hidden;
padding-bottom:56px;
padding-top:12px;
width:100%;
}

The header div

Code:

#header  {
height:145px;
margin:0 auto;
position:relative;
width:100%;
}

The last div in the header, just above the content div:

Code:

#header .header_box {
color:#FFFFFF;
font-size:17px;
height:36px;
left:0;
line-height:35px;
overflow:hidden;
position:absolute;
top:106px;
width:100%;
}

and the first div inside the content is:

Code:

sign_up  {
float:left;
padding-left:20px;
padding-right:10px;
width:647px;
}

Any ideas? Thank you so much for your time.

 

not sure but juz try t=chagin the top: values (sometime chrome get it wrong)
n juz dont use posotion:absolute too mch
i5s gonna mess thngs up later

 

Thanks for your reply. I'm afraid that if I change the values for top, it will get messed up in other browsers. Do you have any other ideas