Missing Banner in FireFox

[scopar]

Hi,

I've recently starting mucking about with the customisation of my Smugmug site - baby steps at the moment. Something a little strange has happened though.

The banner for my site is not visible when viewed in FireFox, but it does show in IE7.

My work on customising is all over the place - I've been taking bits and pieces of suggested code and trying to piece it together.

So, at the moment, I'm hoping to have my banner appear at the top left. The banner is there, but not visible. I can hover over where it should be and the area is clickable.

Can someone see what I've done wrong? I think my URL is in my profile, but just in case, here it is again: http://spectra.smugmug.com

Thanks in advance,
Scott

[jfriend]

You only have code for IE for your banner. To make it show in all other browsers, add the following lines in red:

#my_banner {
width: 300px;
height: 60px;
background: transparent url(http://spectra.smugmug.com/photos/497935652_A6Uuc-O.png) no-repeat;
_background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
sizingMethod=image src='http://spectra.smugmug.com/photos/497935652_A6Uuc-O.png')
!important;
}

Then, remove this rule as it is not needed and isn't doing anything:

#my_banner[class] {
background-image: url(http://spectra.smugmug.com/photos/497935652_A6Uuc-O.png) !important;
}

[scopar]

Perfect! Thanks John.

I appreciate your quick response.

Regards,
Scott