Note: Sorry for calling this thread greetings... bad habit.

I have a music blog on blogger (http://mildtowild.blogspot.com) and I recently found out using browser shots that my site does not look right in IE. (GOD **** YOU IE!). I have a lot of code and css, and am not quite sure where to start looking. I do not believe my page is html or xhtml compliant, but I'm pretty sure it's impossible to make any blog from blogspot 100% compliant. I'm pretty sure I have closed all my tags properly and my css is correctly structured. I am just puzzled as to how it can look so perfect in firefox and safari, and then be radically different in all IE versions.

I have included screenshots of what it looks like in both browsers, also feel free to view the source on my page, and if any of you have any suggestions as to what to check or try, please be my guest. Thanks for looking!

IE: http://img360.imageshack.us/img360/9...be72325hn9.png
Firefox & Safari: http://img370.imageshack.us/img370/8250/ffkl6.jpg

Originally Posted by bopxb

Note: Sorry for calling this thread greetings... bad habit.

I have a music blog on blogger (http://mildtowild.blogspot.com) and I recently found out using browser shots that my site does not look right in IE. (GOD **** YOU IE!). I have a lot of code and css, and am not quite sure where to start looking. I do not believe my page is html or xhtml compliant, but I'm pretty sure it's impossible to make any blog from blogspot 100% compliant. I'm pretty sure I have closed all my tags properly and my css is correctly structured. I am just puzzled as to how it can look so perfect in firefox and safari, and then be radically different in all IE versions.

I have included screenshots of what it looks like in both browsers, also feel free to view the source on my page, and if any of you have any suggestions as to what to check or try, please be my guest. Thanks for looking!

IE: http://img360.imageshack.us/img360/9...be72325hn9.png
Firefox & Safari: http://img370.imageshack.us/img370/8250/ffkl6.jpg

Read this :
http://css-tricks.com/ie-css-bugs-th...ou-every-time/
http://www.positioniseverything.net/explorer.html

You must insert in you css code only for internet explorer!
You have here a short examaple:
http://www.thesitewizard.com/css/excludecss.shtml

Well I don't know what to do, so this post is actually useless

But I want to say that you have a nice design, to bad it's not working with IE

Thank you for the support guys. I finally figured out what the problem was and now my site is working .

Surprisingly, it was the css/html that soundcloud.com provides for their button that I placed on my site. I narrowed it down to this by starting out a fresh template and slowly going element by element to see what messed it up. Here's the code if you're interested.

<style type='text/css'>
a.soundcloud-dropbox:hover {
color: white !important;
background-color: transparent !important;
background-position: -250px 0 !important;}
*html a.soundcloud-dropbox {
background-image: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_small_dark.png?1e65e4)', sizingMethod='crop') !important;}
/* if you want to have valid HTML, please be so kind and put the style part in the head of your page */</style>

<a href='http://soundcloud.com/mildwild/dropbox' style='display: block; margin: 10px auto; background: transparent url(http://a1.soundcloud.com/images/dropbox_small_dark.png?1e65e4) top left no-repeat; color: #D9D9D9; font-size: 10px; height: 30px; padding: 26px 60px 0 12px; width: 127px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em' class='soundcloud-dropbox'>Send me your track</a>

yeah, I was just going to say... it looked just fine in my IE, but then I see you fixed it. Nice site btw!