Internet Explorer is ruining my CSS. Why?

[dotancohen]

My first attempt at CSS is http://technology-sleuth.com

As I run Linux at home I haven't seen it in Internet Explorer when I coded it. I developed in Firefox and double checked in Opera. If you look at the site is one of those two browsers, you will see how it is supposed to look (Actually, in firefox it looks closer to what I want.). However, Internet Explorer is mucking it all up! How can I fix that?

While I was on the win machine, I double checked in Opera and Firefox on that platform. It looks good. Only IE is killing it. Anyone care to check in Safari?

Thanks in advance. I always appreciate the advise that I receive here.

Dotan Cohen
http://lyricslist.com/

[NogDog]

Address your markup errors (http://validator.w3.org/check?uri=http%3A%2F%2Ftechnology-sleuth.com%2F) first. Then, once you have a valid document, start blaming the browser if it's still not right. :)

[dotancohen]

Good point. Addressing that now.

[dotancohen]

OK, I cleaned up all but one error. I have two textboxes: "Ask A Question" and "your@email". Only the first one throws an error. Why? And how do I correct it?

How does the site look now? I don't have IE here (I'm back at home), so if you could check it I would appreciate it. Thanks.

Dotan

[Brandon55]

It still doesn't look right in Internet Explorer, and if you use Netscape in IE mode it looks wrong too (but no one uses Netscape any more) I made a link on a web page of a side by side by side image of the 3 browser (FireFox, IE, and Opera!) so you can compare them together! It's a pretty big image (3840x1024 - 11.3MB) so you might have to scroll across to see the other ones or shrink it down because I captured it in a 3 screen mode (I enables 3 screens and did a screen capture) The website the image is on is
http://brandon55.bravehost.com/browsers
If you have any problems with my web site or the image please post me a message! Hope you get your problem solved!

[ray326]

You seem to have a few random *s in your css that may be confusing some browsers.

[dotancohen]

Wow, thanks Brandon. You are certainly getting what I was seeing. I very much appreciate the effort you took to get these screenshots ready for me.

In the end it was a missing height attribute in the #content block! I couldn't believe it! I just learned a hard lesson tonight...

As for all those *'s, they are there to hide things from other browsers that our beloved IE needs. I was able to eliminate two or three of them just now, but I do agree that they are redundant. That browser is starting to piss me off.

Thanks, all! Except for Bill.

[Brandon55]

no problem, it's a pain doing a screen capture that big because it SLOWS down my computer alot!!! Using multiple monitors slows down my computer enough that's why I TRY not to use more then 3.
That's why I don't use IE anymore!!! I stick to good ol' FireFox!!! And IE is about 100 years behind everything anyways!

[dotancohen]

Thanks. Did you see what the fix was?!? What a f---ing mess that browser is!