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...
<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...
.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 shows 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