CSS alignment issues in IE

[wibbler]

Hi,

I have some CSS "issues" that I can't figure out! The website is here:

http://www.q-leadz.com

It all looks fine in Firefox, but in IE there are 3 issues:

- the big blue strip just under the menu shouldn't be there! Firefox displays fine.
- The login menu on the right is mis-aligned - it should be horizontally centered!
- There should be an image on the right-hand half of the Welcome page. In firefox, it display fine. In IE, I think the picture is soo far to the right that it is "invisible".

Can anyone help with 1, 2 or all 3 of these issues?!

[dtm32236]

You have a few errors in your code - they don't look like they're the reason, but they could be:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fq-leadz.com%2F
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fq-leadz.com%2F

Also, in IE there's a --> at the very top and another one to the right of the pink-ish table. I don't see any messed up comments - but maybe you can't have the / in them... who knows. Little issues like this can often mess up a design.

Also, just to point out another issues - in IE6, the next and previous buttons disappear when you hover over them.

Fix up some of those errors and see if it helps at all. Then post back here.

You can also look up IE hacks (google it)... there's a bunch of ways to set up your css so that only IE reads certain parts - or so that IE ignores a section. It's sometimes helpful when you can't get around certain issues.