my code
<div id="header">
<div id="header_top">KIDS'<br>ZONE</div>
</div>
css
#header{
width:1024px;
height:150px;
background:url('../images/Orange.jpg');
background-repeat:no-repeat;
background-size:1024px 150px;
}
#header_top
{
background:#842DCE;
width:125px;
height:70px;
float:left;
margin-left:50px;
margin-top:-20px;
color:white;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:25px;
padding-top:5px;
opacity:1;
font-weight:bold;
}
my result in other browsers except IE

In IE

Might be it is very simple,bt i am struggling ,please help me
You should seriously ditch IE6 support. Even Microsoft are advocating this, as per their IE6 Countdown site:
At some point, you really just have to move on. Few people explicitly support Netscape Navigator or the Lynx browser nowadays, or code in Fortran, BCPL or RCA1802 assembler language. And for good reason.
And, on the off-chance that you’re one of those organisations that still insists on using IE6 because it "just works" (Hah!), the Educate section on that link above has some resources to help you out.