quick question css FF background image

[funguru]

i am trying to fix a logo as a background image on the bottom right of the footer and it works well on IE (www. pimr .in : scroll to the bottom of the page)

but i have tried everything and it does not show up on FF..

what am i doing wrong, this is supposed to be simple.

#footer {
background: #FFFFFF url("images/pimr-logo.gif") 100% 100% no-repeat;

}

[Taltos]

Looks OK. The percentages can get a little funky to work with if this is the only place you do it. It should work but I would try using "bottom right" instead of "100% 100%" and see what happens.

[funguru]

i started off with bottom right but that did not work either.

[chicgeek]

When things like that for me don't work, I try splitting up the characteristics and it fixes itself. Worth a try, anyhow.

[funguru]

Originally Posted by chicgeek

When things like that for me don't work, I try splitting up the characteristics and it fixes itself. Worth a try, anyhow.

Made no difference

#footer {
background:#FFFFFF;
background-image: url("images/pimr-logo.gif");
background-position: bottom right;
background-repeat: no-repeat;
width: 680px;
color: #333333;
margin: 0px auto 0px;
text-align: left;
position: relative;
line-height: 17px;
border-top: 5px solid #C3D1D4;
}

[ScriptMan]

I'm sure not the expert on this stuff but try leaving out the #FFFFFF.

I have never seen a color and a picture specified for the same thing.

[funguru]

i tried removing the background color too.. but that did not work either.... any more suggestions?

[chicgeek]

No time to analyse now - maybe tomorrow

Did you run in through a validator?

[bratwebdesign]

Try adding float: left; to #footer......I have noticed sometimes when adding a background to a div with firefox, you need to add the float: left; or it wont work.

[funguru]

Originally Posted by bratwebdesign

Try adding float: left; to #footer......I have noticed sometimes when adding a background to a div with firefox, you need to add the float: left; or it wont work.

nope.. did not work

[funguru]

Originally Posted by chicgeek

No time to analyse now - maybe tomorrow

Did you run in through a validator?

it did not validate as i had inserted an image tag in the css somewhere and the validator would not go beyond without fixing the img tag..

[bratwebdesign]

I have copied your css file and the coding for the page and tested it. The only way I could get the logo to show was by adding float: left; to #footer

#footer { 
float: left;
background : #ffffff;
background-image : url("images/pimr-logo.gif");
background-position : bottom right;
background-repeat : no-repeat;
width : 680px;
color : #333333;
margin : 0 auto 0;
text-align : left;
position : relative;
line-height : 17px;
border-top : 5px solid #c3d1d4;
}

[funguru]

Originally Posted by bratwebdesign

I have copied your css file and the coding for the page and tested it. The only way I could get the logo to show was by adding float: left; to #footer

thanks..it works now! but how come float: left; made it show up on FF? what does float property do?