CSS issue with whitespace

[maryjane9110024]

I need some help with my site as well. There's a white space between the top and body div and again between the body and footer div in FF & Opera but looks fine in IE. I even set the margin and position to 0 then tried margin-bottom and position-bottom to 0 and it still does it. The URL is http://webpagedesignstudio.com/dillo...ng/index.shtml.

The CSS is as follows:

/* CSS Document */

body{margin-bottom:0px; padding-bottom:0px}
div, p, ul, ol, h1, h2, h3, h4, h5, img{margin-bottom:0px; padding-bottom:0px}
 
 
/* MAIN PANEL */
#mainPan{width:742px; position:relative; margin:0 auto}
 
/* TOP PANEL */
#topPan{width:742px; height:149px; background:url(../images/topbg2.gif) no-repeat #ffffff; color:#000000; padding:0px; margin:0px; border:none}
#topPan img {padding:35px 35px 0px 35px; border-style:none}
#topPan img a {border-style:none}
#topPan img a:hover {border-style:none}
#topPan img a:visited {border-style:none}
#topPayPan {width:120; top:25px; left:590px; right:35px; position:absolute}
#topPayPan p {padding:0 0 0 0; font-size:12px; text-align:right}
#topPayPan p img{padding:0 0 0 0; text-align:right}
 
/*Navigation */
#topNavPan {width:741px; top:102px; height: 31px; left:0px; right:0px; position:absolute}
#topNavPan li {display:inline; padding:0px 15px 0px 0px; text-decoration:none}
#topNavPan li a img {display:inline; padding:0px 5px 0px 0px}
 
 
/* TOP PANEL CLOSE */
 
 
/* BODY PANEL */
#bodyPan{width:742px; background:url(../images/bodgybg2.gif) repeat-y #ffffff; color:#000000; padding:0px; margin:0px; border:none}
#bodyPan h1 {padding:10px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:24px; font-weight:bold; font-style:italic}
#bodyPan h2 {padding:0px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:20px; font-weight:bold}
#bodyPan h3 {padding:0px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:16px}
#bodyPan p, img {padding:0px 35px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
#bodyPan p img {padding:0px 35px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
#bodyPan a {color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
#bodyPan a:hover {color:#65010B; font:"Times New Roman", Times, serif; font-size:14px}
#bodyPan a:visited {color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
#bodyPan table img {padding: 5px 5px 5px 5px}
#bodyPan table a img {padding:5px 5px 5px 5px; border-style:none}
#bodyPan table h3 {padding:5px 5px 5px 5px}
 
 
/* BODY PANEL CLOSE */
 
 
/* BOTTOM PANEL */
#bottomPan{width:742px; height:100px; background:url(../images/bottombg2.gif) no-repeat #ffffff; color:#000000; margin:0}
#bottomPan p {padding:0px 0px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:10px}
#topPan img {border-style:none}
#bottomPan a img {border-style:none}
#bottomPan a img {border-style:none}
#bottomPan a img {border-style:none}
 
/*Navigation */
#bottomNavPan {width:742px; top:0px; height:100px; left:0px; right:0px}
#bottomNavPan li {display:inline; padding:0px 15px 0px 0px; text-decoration:none}
#bottomNavPan li a img {display:inline; padding:0px 5px 0px 0px}
#bottomNavPan a {color:#000000; font:"Times New Roman", Times, serif}
#bottomNavPan a:hover {color:#65010B; font:"Times New Roman", Times, serif}
#bottomNavPan a:visited {color:#000000; font:"Times New Roman", Times, serif}
 
 

/* BOTTOM PANEL CLOSE */

[drhowarddrfine]

maryjane,
If you have an issue, start your own thread, do not post your problem in someone elses.

Also, please use code tags as mentioned in the guidelines to the right of the reply page.

There's a white space between the top and body div and again between the body and footer div in FF & Opera but looks fine in IE.

Did you do your initial testing in Firefox first? Never, ever use IE as a design guideline. It is old, buggy, non-standard and nine years behind web standards.

I do not see this white space you are talking about. Your page has 13 CSS errors and 68 html errors. I would ask you to fix those first before trying to fix this problem.