Hi There,

On this page, there is a large space between the menu and text for some reason. - only in IE 7. I think it has something to do with the menu class, as when I remove the div the space is fine, but I've tried several things to modify it and it doesn't seem to work.

http://www.iongeo.com/ru_innovation_..._solution.html


Also, if you look int he page in IE 6, the sidebar on the page drops down for some reason.

Can some kind soul here help me out??

Any guidance would be greatly appreciated.

For the second issue you mentioned:

try putting the 2 elements on the left inside a div and float that div left, do the same with the elements on the right (the right sidebar) but float that div right.

css - float:left

hmm. Thanks for the replies, but that's actually how they are set up. I've got two columns, the left one is floated left which contains the graphic up top and the "challenge" "solution" "result" and content all in the same column, and then the .sidebar column floated right, cleared by .ruler.

I'm really starting to hate IE.

I'm mostly concerned about my first issue with the weird space between the menu and the paragraph. Don't really know why that's going on...

Any ideas?

Many thanks.

Did you fix it? I'm not seeing any big spaces in IE7 that you describe.

Forget IE6 - we MUST stop supporting that crappy thing or it will NEVER die it's long overdue death!

Hi Lady,

Thanks for checking - I did not fix the issue yet. So wait, when you look at the the page http://www.iongeo.com/ru_innovation_..._solution.html in IE 7, there is not an extra margin between "the directorate" and the tabs at the top??

I've checked a few times and IE7 is the only browser where this is happening. IE6 doesn't even have that problem when I look at the page.

Oh, and I'm ALL for abandoning IE6, but I'm afraid that someone is going to view the page in that thing, see things incorrectly, report it, and I'll be the one chewed out

I understand the idea that 'someone' will look at it in IE6 - I've been down that road with my own company. What we have done now is to do a reset for IE6 - you'll see nicely organized content, but you see no design AND you see a nice big box that says 'time to upgrade, IE6 is 8 years old. If you want the full experience of this site, you will need at least IE7 or later' -- people are accepting this pretty well.

If there was a difference in spacing as you said, it was not all that noticeable when I was flipping between Firefox and IE7.

For IE6 - you are triggering it's doubled-float margin bug when you use float:left and margin-left: xxpx - IE doubles the margin, causing the float drop you are getting. The bug is the same for float:right with a right margin applied.

You will need to use conditional comments to call a separate css file that contains ONLY the 'fixes' need to kick IE6 into submission - and all you need to do to beat this bug is add display:inline to the divs that are floated with the margins.

Hi Lady,

Thanks so much again for looking at my site - I still see the weird space in IE 7 on my home computer as well, but I'll try to figure it out.

I really like your approach for users who use IE6 to see a message like that - can you please provide a link where I can check that out ?

I'll try to create conditional statements for the IE6 bug. Thanks for that insight, I was going crazy to wonder why the margin was being doubled...

In FF the footer slider doesnt appear unless you hover your mouse over it just a bug i noticed.
Must likely it is an issue with the background image but cant tell you for sure.

oh, yeah, I hadn't updated the images folder when you were looking. Thanks for bringing that to my attention though.