Hjælp til image
Hej eksperter!Håber lige der er noget, som kan hjælpe? I Mozilla ser det hele rigtig ud, men i IE fucker det lidt op. Det er billede sidebar_bg.gif, det drejer sig om. I IE virker det som om laget, det befinder sig i, sluger toppen af billedet. Jeg har prøvet at lave z-index på både objektet og laget, men no luck! Har også prøvet at sætte billedet ind som backgrund:url, men dette virkede heller ikke. Er der nogen, der kan tage et kig?
****
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div id="container">
<div id="toplogo">
<img src="images/toplogo.jpg" />
</div>
<div id="main_content">
<p class="date_text">Wednesday, May 31, 2006</p>
<p class="main_content_headline">Testing</p>
<img src="images/sidebar_bg.gif" style="float:right; margin-top:-84px;" />
</div>
</body>
</html>
****
CSS:
/*Basic Elements*/
body {
margin: 0px;
padding:0px;
background-color:#E0E0E0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/*Specific Layers*/
#container {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:800px;
border:1px solid #000000;
background-color:transparent;
background:url(../images/bar_bg.gif);
background-repeat:repeat-y;
}
#toplogo {
position:relative;
width:100%;
background-color:transparent;
}
#main_content {
position:relative;
width:100%;
margin-top:15px;
background-color:transparent;
}
/*Text Classes*/
.date_text {
font-family:"Trebuchet MS";
font-size:12px;
font-weight:700;
margin-left:24px;
padding-left:15px;
color:#999999;
display:inline;
background:url(../images/date_icon.gif) no-repeat 0 50%;
}
.main_content_headline {
font-family:"Trebuchet MS";
font-size:18px;
margin-top:10px;
margin-left:40px;
color: #000000;
}
