Hello again,
Well, I've mostly gotten it now. There's one issue though. It has to do with this part here: #item1:hover .info { display: block; /* here is the ugly trick: */ position: absolute; top: 0px; /* adjust as needed */ left: 0px; /* adjust as needed */ }
The content for the page is contained in a div, <div class="page-container-2">. What I'd like is for #item1:hover .info to be so many pixels from the left hand side of page-container-2. Not from the left hand side of the page.
Ok, I figured it out. I had to set position: relative; to page-container-2. Then, having a position of absolute on #item1:hover .info positions it inside of the container.
- jody