Hover background bug in IE?

Question

I am going spare. At one point my code was looking pretty
good. Now it is all completely in a muddle. By trying to put hover
backgrounds on my links, the whole positioning is out.
Problems:
1. Why do my borders not line up in Safari, on my nav bar.
2. Why does the side borders of my nav bar go to far down on
IE
3. Why does the hover background only work on MAC - is there
a code to get around this for IE
4. How can I make the text change color on hover when I am
hovering the relevant li and not when I am just hovering the text.
Many questions - someone needs to help a novice!!!! Anyone?
http://www.lollypopsandpolkadots.com/
Thank you in advance

Answer 1

Hello,
The IE will do some code compiling on page load and will
remove some of the attributes that have an invalid syntax from the
DOM. Because of this when the Spry will start evaluate the page the
Spry placeholders don't exists anymore and Spry can't replace them
with the actual data.
I'm not yet very clear why the page works without that meta
description. A thing yo can try is to change your code to this:
<td style="background:url('{img}') repeat-x left
top"><img src="{img}" /></td>
because the {} are illegal in CSS
Cristian