Help- putting glow around images (Safari and FF work, IE doesn't)

[madmaxmedia]

Hi all,

I am trying to help my wife create a web page of photos. She wants to have a glow effect around the photos.

I used the following JS tool for the glow effect-
http://www.ruzee.com/blog/ruzeeborders/

I am totally new to CSS, but messed around and got it to work. I used the created 'glow' class on a <div> element, then stuck the image inside the <div>. I previously just tried assigning "glow" to the <IMG> tag, but it doesn't work.

Here's the working example:

http://www.madmaxmedia.com/julie/

The glow shows up fine in Safari and Firefox, but in IE the bottom of the image is messed up. It looks like the the div extends longer than the image, thus there is no bottom border glow.

In addition, the bubble that overlaps with the image is in a different position in IE too, but that's not as big of a deal for now...

Any tips?

Thanks!!!

 

[jng]

Glowing borders are tacky anyway. Don't use them.

More importantly that script (on the developer's site) just brought safari to a crawl for me and I had to force quit.

IE is also just finicky and it's not worth it trying to figure out what's wrong with someone else's code.


I would just go with a solid border using CSS and forget the glow...

 

[iMouse]

Tell them to use Firefox

A few smitfraud infections later, you can tell them "I told you so!".

 

[madmaxmedia]

LOL, thanks for the responses guys.

I will work around it some other way, or just drop the shadows.