Rounded cells on hover for Fast Dial with glow for dark background

Have been looking at ways of improving on the previous Version

The previous Version had this effect on hover

Image and video hosting by TinyPic


This is a new Version without glow:


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(chrome://fastdial/content/)
{
.thumbnail
{
border: 7px solid transparent !important;
-moz-border-radius:10px !important;
}
}

This will have this effect:

Image and video hosting by TinyPic


This other new Version includes a glow for a dark background

Here is the code


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(chrome://fastdial/content/)
{
.thumbnail
{
border: 7px solid transparent !important;
-moz-border-radius:10px !important;
-moz-box-shadow:0px 0px 10px #ffffff !important;
}
}

effect of with glow

Image and video hosting by TinyPic

and here the same cell with a Logo on hover with glow

Image and video hosting by TinyPic