In your css you have a </style> tag which is the result I suspect of a little hasty cut n' pasting.
You have some colors specified without the "#" before the number.
In your HTML you have declared the <head> element twice. That's not a good idea.
I would fix those and check your codea bit more using the validator and see what happens.
Thanks for that, I think I had been looking at that thing too long to notice that <style> attribute. Oy, what a mess that header section was... don't know how that happened.
Still stumped for the weird space in IE7 and layout of IE 6 though...
One suggestion, althought this is a hunch, might be to enclose the text in the content of that element in its own <p> elements. You can probably, get shot of the <br> element, or at least one of them or posbily even use CSS on the "download the whole story" to add some top-margin or padding.