Jeralyn:
Replace your H1 and H1 A selector rules with the following:
#header h1 {
position: relative;
top:43px;
margin:0;
width: 260px; height: 60px;
}
#header h1 a {
position:absolute;
top:0;left:0;
display: block;
background: url('images/sc_logo.jpg') no-repeat right top;
height:100%; width:100%;
text-indent:-9999px;
}
You're image-replacement technique is causing problems for Firefox. You're
using a modified version of the "Dwyer" technique
References:
- http://www.mezzoblue.com/tests/revised-image-replacement/
On 11/29/06, david <[EMAIL PROTECTED]> wrote:
>
> Jeralyn Merideth wrote:
> > I am just beginning a project and already I'm having display problems!
> In IE 6 and 7 all is well so far. It's FF that's not setting the logo where
> it needs to be. Could be that I've looked too long and I'm overlooking
> something simple.
> >
> > Can anyone help?
> >
> > http://www.servcon.net/index.htm
>
> On my screen, changing h1's top: setting from 43px to 25px moved it up
> without colliding with anything else. Also, changing position: from
> absolute to relative, and changing top: to 45px, had similar results.
>
> I notice that as I increase font sizes, the logo graphic migrates down
> the screen and starts obscuring your menu items. I think I'd place the
> graphic band and the logo as content in your HTML, then you could
> position them together and have them adjust with font size. Other items
> also start to migrate away from their background bands. A bit more fluid
> design needed, maybe?
>
> --
> David
> [EMAIL PROTECTED]
> authenticity, honesty, community
> ______________________________________________________________________
> css-discuss [ [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
