Css3 horizontal menu Problem

[bigcity]

1) Script Title:CSS3 Gradient Menu Buttons

2) Script URL (on DD): http://www.dynamicdrive.com/style/cs..._menu_buttons/

3) Describe problem: this works on every browser except IE8 and 9. All it shows are white squares with a black outline. does anybody else have a problem like that. I have no other scripts on my pages except on my contact, support, pages
my site is https://www.ptsoapnotes.com

[Beverleyh]

I think its because you have the background colour set like this in your CSS;

background: #blue;

Sadly, " #blue " isnt a proper colour value. It either needs to just be " blue ", or a hexidecimal colour value (such as " #0000FF " - the hexidecimal colour value for blue), which is where you'd use the # prefix.

More info here: http://www.rapidtables.com/web/color/Web_Safe.htm