This is one of those rare situations when absolute positioning (AP) really is necessary.
First establish the parent container and set its position to relative.
.main-contents{
position:relative; /**to control AP elements**/
height: 369px;
margin: 40px auto;
width: 812px;
}
Next, replace floats and margins with positioning. Adjust values to suit.
#prev {
position:absolute;
top:160px;
left:-40px;
width: 38px;
height: 100px;
}
#next {
position:absolute;
top:160px;
right:-40px;
width: 38px;
height: 100px;
}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
