Hi all,
Just completed the new theme for our website at www.epilepsysupportcentre.com, eveything looks create in internet explorer but in IE 6.0 and below it all falls a part. I have 3 CSS problems that I have waisted half of the day trying to solve and to be honest its quite frustrating. I'll outline the problems so that someone with more css knowledge might be able to help me out.
1. The first problem affects even IE 7.0 and that is the tabs are too far up leaving a gap where they should be lower resting on the rest of the beige area.
2. The lists or navigation in my footer gets all distorted in IE 6.0 and below as it as waaaay too much space between each line for some reason again in IE 7.0, Firefox, Safari etc this is fixed
3. In IE 6.0 and below my sidebar gets shoved down below, I will have to explain this in more detail. The content area is made up of 5 boxes the first is the bodycontainer which I use to center the items inside. Inside that is a content container and inside that is the content box. Inside the body container i have a sidebar container and a sidebar
The hierarchy is a follows in case you missed it
bodycontainer < contentcontainer < content
sidebarcontainer < sidebar
each layer is being used to add the backgrounds and such
To fully understand whats going up just look at the site with firebug.