[thelist] Stylesheet confusion

Wed Mar 12 13:53:26 CDT 2008

Hi all.  I am trying to get 2 images on my page on the same line on opposite
sides of the page.  The images need to be 163 pixels from the edges with
that gap filled in with a color.

Below is what I have now and for some reason it refuses to work.  It worked
yesterday when I went home, but today it won't work.  Anyone see the
problem?

<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
<style type="text/css">
#blueFillerLeft{
    background-color: #395D91;
    width: 163px;
    top:0px;
    position: relative;
    z-index:2;
}
#blueFillerRight{
    background-color: #395D91;
    right: 0px;
    width: 163px;
    top: 0px;
    position: relative;
    z-index:2;
}
#curvedLeft{
    margin: 0px 0px 0px 163px;
}
#curvedRight{
    margin: 0px 163px 0px 0px;
}
</style>
</head>

<body>
<div id="blueFillerLeft"><div id="curvedLeft"><img
src="../images/left_header_curve.gif"></div></div>
<div id="blueFillerRight"><div id="curvedRight"><img
src="../images/right_header_curve.gif"></div></div>

</body>
</html>