Kick the Tires

There's nothing like IE6 to crap all over perfectly valid CSS. Here are some tips for getting IE6 sorted out:

• Borrow/get a Windows machine. There's no replacement for being able to try out various tweaks yourself immediately. Asking others how it looks is a lot slower and harder to debug.
• If you can't get a Windows machine, try out browsercam. You can get a trial account, it allows you to take screenshots of your site on various browsers. Not ideal, but certainly better than "well, the header sort of looks wrong".
• Learn how to make IE-only CSS. Almost all fixes for IE6 require some special rules which should be ignored by the other browsers. There are various methods for doing this, you can google around if you want. I use the underscore hack: prefix any CSS property name with an underscore and it is interpreted only by IE (e.g: a { _color: red; } ).
• Get familiar with CSS: if there are some areas that you're not entirely sure about in CSS, the best thing to do is to read the CSS specifications on w3.org. Don't worry, they are quite readable for non-programmers. It is hard to debug odd behaviour if you are not 100% sure what the right behaviour is. For example, read about how margins combine/collapse, how floats stack, how clears work, what 'auto' width really means, etc.
• Get familiar with IE's bugs. They have colorful names, are easy to google for and have well-tested work arounds. You can divide them into:
  • Rendering/drawing bugs (peekaboo bug, guillotine bug, ...)
  • Positioning bugs (float margin doubling, justify + italic, ...)
  • Unsupported CSS (:hover only works on links/anchors, almost no CSS2 selectors work, ...)
• Don't re-invent the wheel: there are ready-to-use CSS layouts out there (google helps, e.g. "piefecta" "fluid three column layout", etc).

I took a screenshot. I think the left sidebar is invisible because the main area's background covers it. Exactly why it happens I'm not sure, but I think the underlying structure for your columns is just not IE-compatible. Replacing it with a tried-and-tested solution might help.

I hope you can fix it, because the site looks smashing on my Firefox. The only thing I dislike is how it is left-aligned. The Piefecta layout could help with this.

PS: On firefox, the footer is disconnected from the main background (there is a space as tall as the search box between them). I don't think this is intentional.

--
If you have a problem, please search before posting a question.

You now seem to not print them at all. You should use visibility:none to hide the titles. That way people without images can still read whats going on.

ON a sidenote: would you like to publish your theme on themegarden (theme.drupal.org)? If so, please uplaod your theme on that site, or send me a tarball by mail. berkessels curlythingy gmx dot net

[Ber | Drupal Services webschuur.com]

Try this: http://www.stopdesign.com/articles/replace_text/

--
If you have a problem, please search before posting a question.