Huge gap between header and content? SOLVED!

[laurasue]

Working on the layout for hollow_art. And there's this big gap between the content and the header. I'm pretty craptacular when it comes to CSS, but I've tried everything I can think of, and I can't get it to go away.

Comments

[av8rmike]

I'm not sure where the big gap is, but if it's the one under "Recent Entries | Archive ...", you could try changing the margin here:
#content {margin-top: 40px;}
I'm still seeing the Chopsticks header, which you can remove with this:
#header {background-image: none;}

[laurasue]

Thanks for the reply, I appreciate it. :)

But the gap is still there. Is my new header at least showing up now? :-\

[laurasue]

Ugh. Upon looking at it with IE, I've found that my background color for my content isn't showing up either. So, apparently I have more problems than I originally thought.

How it looks on opera and firefox.

[av8rmike]

Sorry, I meant that you should change the 40px in #content to something smaller.
I have no idea why the background color isn't working in IE, but you could try this instead of setting it in #content:
#page {background-color: #c6c6c6;}

[av8rmike]

...as well as using my own div image?
What does this mean?

[laurasue]

Sorry, should have been clearer. XD On the sidebars, there is a small divider, two little blue bars that came with the chopsticks layout. I don't want those bars, if possible - I'd like to nix them, or use my own image.

[av8rmike]

This will remove the borders completely:
.widget-header {
border-top: none;
}You can't use an image in the border, but you can use one as a background to the sidebar headers. Look at any of the Cityscape, for instance, to see what it looks like. For instance, you could do something like:
.widget-header {
border-top: none;
background: url(IMAGE URL) repeat top left #COLOR;
}Just substitute your own image URL and color.

[laurasue]

Thank you very much for all of your help man. :) You answered all my questions. You rock. <3