Posted by Norman on 10/12/07 07:59

Hello,
I have the following section of my style.css

/
**************************************************************************
* Header

**************************************************************************/
#header{width:100%;position:relative;z-index:10;background:#6899FF;
margin-bottom: 0px;
padding: 0px;
}
#header h1{background:url(images/logo.png) top left
no-repeat;width:400px;height:62px;position:relative;margin:0;padding:
0;margin-bottom:
0em;

padding: 0px;
color: none;
font-size: 1.1em;
text-align: left;
}

#header h1 a{width:400px;line-height:48px;display:block;text-
indent:-5000px;text-decoration:none;border:none;background:none;}

#header h1 a:hover {background:none;border:none;text-decoration:
none;}

/
**************************************************************************
* END Header

**************************************************************************/

But on IE the background image within the h1 tag is aligned to the
right.

How can I fix this.

Here is the site http://uk.expert.travel

Thanks

• Next in forum: Re: It does not look good for Target. Web Accessibility news
• Prev in forum: Re: Restriction in mailto link
• Thread view: Background image not displaying correctly on IE

[Reply to this message]