Huge gap in text, but only in IE

Here's the URL for the site: http://www.triplewcreations.com/test/ABAT/test1.htm

The problem is in IE 6, I'm getting a huge chunk of space between "Page Title" and the first header.

(BTW, the border was for me to see how much space "Page Title" was actually taking up)

I've tried every CSS/HTML trick that I can think of (margins, padding using different HTML tags like <h1> or <p>, etc), but so far, no such luck...

Can anyone spot what I am doing wrong? Or have any solutions? I've tested this page in FF and Opera and I am satisfied with the results (sorry, no access to Safari or AOL browsers, yet)

Thanks so much for any help!

in my work which uses ie6 (so i don't have access to FF) but have u tried adding this to yer css

Code: Select all

html {margin:0;
padding: 0 ;
}
 
* {margin:0;
padding: 0 ;
}

ignore that point there, didn't read the post properly.

sorry!

right i had another look,

you might be best doin the margins and padding with the shortcut technique and make sure all the margins and paddings are set.

Code: Select all

div#mainContent {margin : 0 205px 0 205px; line-height:110%;color:#000000;background-color:#ffffff; border: 1px solid #ffffff;}
div#mainContent h3 {width:100%; background-color:#000000; color:#FFFFFF; font-size:100%; padding:5px 0;}
#title {font-size:130%; margin:0; padding:0; border:1px solid #000000;}

i bet u've probably done this alredy but i felt like i had to suggets a solution that actually made sence.


sorry again for the dumb post before

Thanks for the suggestion, but it didn't make that much of a difference (except to make my CSS cleaner )

So upon *close* inspection, I figued out that it didn't like me setting the width to 100%. I took it out and now IE wants to play friendly. Thanks for your help!

(sorry, I'm not sure how to make a code box...)

Previous code:

div#mainContent {margin: 0 205px 0 205px; line-height:110%;color:#000000;background-color:#ffffff; border: 1px solid #ffffff;}
div#mainContent h3 {width:100%; background-color:#000000; color:#FFFFFF; font-size:100%; padding:5px 0;}
#title {font-size:130%; margin-bottom:0; padding-bottom:0; border:1px solid #000000;}

cool, good to see its working