Why is it that on my site, the <div class="clear" /> that I place under the header leaves a white space in firefox just before the main content div (id=wrapper) starts and in IE there's nothing there? How can I get rid of the space so that there's nothing inbetween the bottom of the header and the top of the main content div?
I'm not sure if it is causing the problem but, if your code really is <div class="clear" /> then I'm pretty sure it is wrong. As far as I'm aware you cannot have a self-closing div like that. It would have to be <div class="clear"></div>. But, like I said, I don't know if that is causing the problem. Just wanted to point that out...
People, thank you very much for the excellent feedback! I have made the changes but IE is completely acting up!
What I originally did was start from scratch. I'm a n00b when it comes to WordPress so I followed a really good tutorial from www.wpdesigner.com and I managed to get a really good looking blog after I applied a lot of CSS to it. Then, what happened was I hadn't saved it after I'd finished the tutorial - in its raw format - so rather than do the whole thing again I decided to try to back pedal (I've found that's not such a good idea... maybe it's just me).
Now I'm completely lost and I feel that I should just start again with the CSS - there are literally loads of CSS entries all over the place that I haven't annotated (stupid), so it's confusing if I keep at it like this.
I'll come back if I have any more issues, but thanks so much for the help.