
Disappearing background image (tried relative, z-index)
Hi all,
I have a horizontal bar with a background image and PIE rounded corners. Everything works fine in IE9, but the background goes missing in IE6, IE7 and IE8.
Here's the code: -
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Test </title>
<style type="text/css">
#menu
{
background: red url('images/menu-bg.jpg') repeat-x center top;
width:900px;
height:40px;
border:1px solid black;
position:relative:
z-index:99;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE/PIE.php);
}
</style>
</head>
<body>
<div id="menu"> </div>
</body>
Can anybody help, this is driving me mad!!!
I've already tried using the PHP wrapper, using position:relative and using a z-index.
Thanks...