Problems with FF and NN

Hello,

I have been working on a volunteer project to incorporate a new graphical header to a blogsite. I finally was able to successfully have the header fill 100% of the space. It works perfect in IE6 and does not work at all in FF or NN. The website where I am testing out the design is: http://crobnson.web1000.com/itm.html. This is what I have on there now and what works beautifully in IE:

* html #photo {
position: relative; /* sets a new 'positioning context' so the child
image can be 100% */
left: -7px; /* get around padding from parent element */
margin-right: -27px; /* should be approximately the width of the
right col */
margin-top:0px;
padding-top:0px;
}
#photo img {
width: 100%;
height: 160px;
}

Prior to trying this out, I had the following on there:

#photo {width: 81%;height: 160px;margin-top:0px;padding-top:1px}
* html #photo {width: 100%;height: 160px;margin-top:0px;padding-top:1px}

These 2 together worked fine. As far as FF and NN are concerned, I do not have a problem with the banner being only 81%. All of my testing showed that that was the best I could hope for. Time is running out and I would like to just get the header at the top of the page instead of the bottom. Is there any possible way that I can hide the IE code from FF and NN so that I can put the code that does work for them back on?

I thank you in advance for your assistance,
Christine

 

Follow up on previous post. It appears that NN is not having too much trouble with the current style. So, it is only FF that I am having a serious problem with.

 

you can use a css hack , I dont know exactly how it was

someting like
html > body #your style for FF and the rest here
{
bla:bla;
}
IE skips that part, or was it the other way around :S

anyways that worked for me in the past, good luck!