This is the craziest thing I have seen in a long time. I just released as post called: “How to use a variable with css and jquery”. I found out a little while after posting that Internet Explorer would NOT show the proper background pictures. It displayed the blank TV picture but nothing else.
I then wanted to start testing IE with a program similar to what I used with Firefox. One of the searches I looked for was Firebug for IE. I came across “Firebug Lite”. All it takes to use Firebug Lite is to add this one line to your code:
Once I added that to the webpage (PS – It also works on LOCAL pages) I hit F12 and what looked like Firebug opened on my screen! I had to take a step back and sigh! Finally. I hovered over the links to test things and I saw everything looked fine!
My face scrunched and scowled at the screen. It felt that way anyways. lol. Why was the page now magically working? I removed the firebug line of code from the screen and voila, the backgrounds no longer worked again. I re-added Firebug lite. Everything worked again.
Honestly I don’t know why this fixed this particular issue. If you know why this happened will you let me know?
I’m still blown away that that one line fixed the output. PS – I tested the code now with Firebug Lite code enabled with IE 6 –> 8. Everything works like every other browser out there like FireFox and Chrome.