Ok I really don't know what to do about this, I've been trying to find the problem for 2 days now without success, so now it's time to call in some help (you guys)!
Here's the site I'm whipping together: http://www.jeffs-life.com/gh/index2.php
(index.php is an old layout with similiar problems, but please look at index2.php)
As you can see in FireFox, each DIV piece (header, navbox, main, footer) all display properly with width: 700px; inside the #container.
But when you load the page in Internet Explorer, you can see the rounded edges of my DIV sections pushed off to the right, and the rest of the DIV section is filled in with black.
Also, across all browsers, how do I remove that bit of blank space between each navigation link? I believe I have to display: block; and do some other stuff, haven't been able to comprehend it yet, right now it's display: inline; (as I'm sure you experts can already see).
I'm still learning CSS so I'd appreciate the help in these two areas! Thanks!
Here's the site I'm whipping together: http://www.jeffs-life.com/gh/index2.php
(index.php is an old layout with similiar problems, but please look at index2.php)
As you can see in FireFox, each DIV piece (header, navbox, main, footer) all display properly with width: 700px; inside the #container.
But when you load the page in Internet Explorer, you can see the rounded edges of my DIV sections pushed off to the right, and the rest of the DIV section is filled in with black.

Also, across all browsers, how do I remove that bit of blank space between each navigation link? I believe I have to display: block; and do some other stuff, haven't been able to comprehend it yet, right now it's display: inline; (as I'm sure you experts can already see).
I'm still learning CSS so I'd appreciate the help in these two areas! Thanks!
Comment