Very strange background color behavior
I have encountered a very strange behavior. I am using PIE (current release) to round some corners on a <div>. I am testing this on an xp machine (fully up to date) with ie 8. What I have found is that if I use the 'background: lightgray' in the css then I get a rounded corner black background div. If I change the background statement to the color equivalent #d3d3d3 the I get a lightgray rounded corner div (just like I wanted).
I know it sounds crazy, but I have made a little test case that demonstrates this behavior:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Case</title>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
#main {
width: 20em;
height: 10em;
padding: 2em;
color: black;
background: lightgray;
border-radius: 7px;
behavior: url("/js/pie.htc");
}
</style>
</head>
<body>
<div id="main">
<p>lorum ipsum...</p>
</div>
</body>
</html>
I have my PIE.htc in /js but you can place yours wherever. I am stumped as to why this is so. Does anyone have any ideas? Does PIE not recognize certain colors?
Thanks in advance ...
Forums
