in this header i add one background image but it was not displaying in master page.please clarify this i am new in this concept
cssfile
#container
{
background-color:White;
width: 80%;
padding:10px;
margin: 0px auto;
}
#header
{
color: #FFFFFF;
float:right;
width: 90%; height: 100px;
background-color: #778CB3;
}
#header1
{
color: #FFFFFF;
width: 10%;
height: 100px;
background-color:Green;
background-image:url('tulips.jpg');
}
#NavMenu
{
margin:4px 4px 0px 4px;
color: #FFFFFF;
width: 100%; height: 30px;
background-color:Teal;
}
#sidePanel
{
width:20%;
margin:4px 4px 4px 4px;
background-color: #778CB3;
}
#content
{
float:right;
margin:4px 0px 4px 0px;
width:80%;
background-color: #A0AFCB;
}
#footer
{
background-color: #F7CB33;
padding: 12px;
color: #000000; font-size: 90%;
text-align: center; clear: both;
}
masterpage coding
<form id="form1" runat="server">
<div id="container" corner="10">
<div id="header" corner="10"></div>
<div id="header1" corner="10" >
</div>
<div id="NavMenu" corner="10" ></div>
<div id="content">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="sidePanel">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<div id="footer" corner="10"></div>
</div>
</form>
sankarreddy