Hi,
If you floated your list items, try to add a clearfix class on the mainImage for example instead of using a padding-top. Regards to your code, I guess you can probably debug while googling about background position in IE 6. Regards, Åkeson Chihiro Some exist through what they do... We exist through what we are ----- Message initial ---- De : Martyn Clark <[EMAIL PROTECTED]> À : [email protected] Envoyé le : jeudi 2 août 2007, 12 h 57 min 08 s Objet : [WSG] Background images not changing Hi all, This is my first post here, although I have been reading the post's for quite a while and find them very helpful. I have a problem with IE 6 not applying the new background image to pages, basically I have a different main picture for every category in the tabbed navigation, only in IE 6 the first three will work ok and the picture changes as expected, but the last three do not change and it displays the same picture for all these pages, which is the home page picture here is the code I have: <div id="mainImage" class="aboutUs"> <ul id="secondaryNav"> <li class="licontactus"><asp:HyperLink id="hlcontactus" runat="server" title="Contact us" NavigateUrl="~/contact-us/contact-request.aspx">Contact Us</asp:HyperLink></li> <li class="liaboutus"><asp:HyperLink id="hlaboutus" runat="server" title="About us" NavigateUrl="~/about-us/what-we-do.aspx">About us</asp:HyperLink></li> <li class="ligenerallinks"><asp:HyperLink id="hlgenerallinks" runat="server" title="General links" NavigateUrl="~/useful-links/general-links.aspx">Useful Links</asp:HyperLink></li> <li class="lirelocation"><asp:HyperLink id="hloverview" runat="server" title="Services overview" NavigateUrl="~/relocation-services/services-overview.aspx">Relocation Services</asp:HyperLink></li> <li class="limovingservices"><asp:HyperLink id="hlpremovesurvey" runat="server" title="Pre move survey" NavigateUrl="~/moving-services/pre-move-survey.aspx">Moving Services</asp:HyperLink></li> <li class="lihome"><asp:HyperLink id="hlhome" runat="server" title="Home page" NavigateUrl="~/">Home</asp:HyperLink></li> </ul> </div> Where the class rule is changed to reflect the page category. Css is: div#wrapper div#mainImage { background: url(../images/header_home.jpg) no-repeat 100% 0%; padding-top: 15em; } div#wrapper div#mainImage.movingServices { background: url(../images/header_moving_services.jpg) no-repeat 100% 0%; } div#wrapper div#mainImage.relocationServices { background: url(../images/header_relocation.jpg) no-repeat 100% 0%; } div#wrapper div#mainImage.tracking { background: url(../images/header_tracking.jpg) no-repeat 100% 0%; } div#wrapper div#mainImage.aboutUs { background: url(../images/header_about_us.jpg) no-repeat 100% 0%; } div#wrapper div#mainImage.usefulLinks { background: url(../images/header_useful_links.jpg) no-repeat 100% 0%; } div#wrapper div#mainImage.contactUs { background: url(../images/header_contact_us.jpg) no-repeat 100% 0%; } This works in all other browsers fine just not IE 6, any help and advise on this would be appreciated. Thank's Chainy.. ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* Découvrez ce qui fait jaser les gens ! Visitez les groupes de l'heure sur Yahoo! Québec Groupes. http://cf.groups.yahoo.com/ ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
