internet explorer is the bane of my existence as a designer. because i don't have to put up with it on a day-to-day basis, i'm not forced to put up with its crap. lately because i've had the opportunity to check my designs on a pc while i'm working on them on my mac, i'm discovering IE's odd quirks. what renders beautifully in Safari, will look the same 97% of the time in Firefox on PC, and maybe 85% in IE. i'm surprised that number is so high, but i've been careful and have learned a few solutions that i've kept on hand to avoid tearing my hair out. there remained one puzzle though:

WHY was there a gap under my images?

solution? i googled my problem (turns out this is a good alternative to D.I.Y.) and found an easy solution: display:block. ta-da! here's an easy read about it and some more standards-compatibility charts. the funny thing is that i've never noticed this before.

other problems: dimensions of boxes are wonky, positioning text within those boxes and having the padding being off, things difficult to get centered. maybe i still have more learning to do, but why should it have to be this difficult when it works perfectly in two browsers? because they're DESIGNED BETTER?

i still don't understand why people even use IE for Mac anymore, because it's obsolete. poof. bye-bye. microsoft no longer makes it because safari showed up. DON'T USE IT. it simply does not support new standards, which makes sense. parents don't speak the same slang as their kids. it's the same with IE. it stopped keeping up with changing technology and thus gets just a tad confused when you throw the latest language at it.

IE is still the most popular browser, but firefox is smarter and IE is being... outfoxed.