Internet Explorer not displaying some CSS in some instances!

[DeveloperHanson]

Hi everyone, this is my first thread so bear with me...

I am currently working on a site that is written in asp.net and is using a master page and a css stylesheet...

I have a number of div tags in the master which all point to different style classes as shown below...

Code: Select all

<div class="TitlePanel">
  <div class="Title">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
      <h1>
        <asp:Label ID="lblPageTitle" runat="server" />
        <asp:Label ID="lblPageTitleEntity" runat="server" />
        <asp:Image ID="imgPageTip" runat="server" ImageUrl="Help.gif" />
      </h1>
    </ContentTemplate>
    </asp:UpdatePanel>
    <div class="BreadCrumb">
      <asp:SiteMapPath ID="smpBreadcrumb"  runat="server" />
    </div>
  </div>
</div>

The first div tag is using the TitlePanel class which basically is a grey box with border wrapped around the rest of the content...

The class is as follows...

Code: Select all

 .TitlePanel { text-align:left; 
background-image:url(/images/grd_lite.gif); 
background-color:#eee; 
border-top:solid 1px #ccc;  
border-bottom:solid 1px #666; 
padding:5px 5px 2px 5px; 
}

As the div tag is in the master page it is displayed at the top of each page of the site...

Now the problem I am having is that in Internet explorer as I am browsing through the site most of the time the style is applied to the box as it should be but in some instances the text from the two inner labels is not displayed as well as the styling not being applied...

But what is event stranger is when I highlight the area it does show up and the text is really there...

Another point to note is when I am using FireFox there does not seem to be a problem it simply adds the grey styling to the box on every page as it should do...

Thanks in advance for any possible reply,

Thankyou

DeveloperHanson

[nashultz07]

The problem could be in the text color of that div. Check and make sure that the color is different. That may be what is causing the text to "disappear" in IE but not in FF.

Hope this helps,
Nathon Shultz

[dancave]

I think what you could be experincing is the aptly named peekaboo bug.
Without seeing the site or more code it would be difficult to tell.