Div rules dissapearing on IE9
Good morning to you all,
First of all, I'd like to thank you for PIE and the helpful community.
I'm am new as you can be to HTML and CSS, and a friend of mine recomended PIE so as to avoid problems when coding a website for IE.
Well, it's giving me an awful lot of trouble to make it work as intended, so much so I'm willing to just draw the images on Illustrator or PS and forget about css-made styles.
This is what my test site looks like:
index.html:
Code:
<!DOCTYPE html>
<html>
<head>
<title>TEST SITE</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/css_index.css" type="text/css" media="screen,projection,print">
</head>
<body>
<div id="page">
<div id="AreaSuperior">
Hello World Area
</div>
<div id="BotonesEmpresas">
Hello World Botones
</div>
</div>
</body>
</html>
css_index.css:
Code:
root {
display: block;
}
body {
background-color: #016699;
text-align: center;
font-family: Gautami, Arial, Helvetica;
}
div#page {
margin: auto;
background-color: #989898;
width: 800px;
height: 600px;
padding: 5px;
}
div#AreaSuperior {
width: auto;
height: 75px;
background-color: white;
margin-bottom: 5px;
}
div#BotonesEmpresas {
width: auto;
height: 35px;
background-color: red;
border-radius: 20px;
behavior: url(C:\Users\Nelladel\Documents\NetBeansProjects\Test\BrowserHacks\PIE.htc);
When I don't apply the behavior line, the area to which it's applied obviously has no rounded corners. Whenever I apply it, it dissappears.
Do you have ANY clue as to why is this happening?
I have tried placing the full path, the relative path (from the HTML, not the CSS), applying a z-index of 99, of -1, of 1...
Thank you very much in advanced.
Forums
