extremely new to CSS,, and I have a really simple question. Options

[the tonestarr]

<!-- begin code provided by createblog.com --><br />a:hover img {<br />/* HOVERED LINK IMAGE */<br />  filter: gray;<br />  border: none;<br />  padding: 2px;<br />  }<br /><br /><!-- end code provided by createblog.com -->

I'm trying to put a nice, pretty, blue (to be exact, #4488ff) border around that image.

I looked around in my code (basically took a styleset from someone else, then completely altered it) for other border codes and imitated them, but it did nothing. There were a few border codes that said stuff like

<!-- begin code provided by createblog.com --><br />border: 4px solid gray;<br /><!-- end code provided by createblog.com -->

so I tried perhaps doing

<!-- begin code provided by createblog.com --><br />border: 2px #4488ff;<br /><!-- end code provided by createblog.com -->

and

<!-- begin code provided by createblog.com --><br />border: 2px cyan;<br /><!-- end code provided by createblog.com -->

but to no avail. I tested it out with a solid gray border around the image, and that worked fine. But any other colours besides solid gray and black just won't work.

Help?

[the tonestarr]

That works, except for one thing.

In IE, the "filter: gray" code turns the border into gray, too.

In Firefox, the border overrides the filter and causes the image to just be normal and in colour.

So, there's still some toying around that I need to do. =\