i want to position "inner" on top of "outer" using a specific relative offset to "outer"
(top left corners relative to each other)
i can't quite get this to happen.
+-------------------------
--------+
| outer background |
| |
| +-------------------------
+ |
| | inner on top | |
| +-------------------------
+ |
| |
+-------------------------
--------+
<style type="text/css">
<!--
#apDiv1 {
position:relative;
width:919px;
height:556px;
left: 20px;
top: 20px;
}
-->
</style></head>
<body>
<div align="center">
<div>
<div id="apDiv1"><img src="inner.gif" width="896" height="531" /></div>
<img src="outer.jpg" width="1000" height="642" /></div>
</div>
</body>
Start Free Trial