Css 定位元素添加到总div高度

我有一个800 x 600可旋转的图像，前后按钮重新定位到侧面。div的高度假定为600px，但div的实际高度被推到690，包括按钮图像的高度。div在顶部屏蔽了一行可点击的菜单。所以我将div高度设为518px，并将top-75px移到我想要的真实尺寸。但是我觉得这样做很肮脏。。。有没有正确的方法可以做到这一点？或者这种变通方法或多或少是正确的？下面是代码。谢谢

<div class="Content Wide" id="LayoutColumn1">
     <div style=" width: 980px; height: 518px; display: block; position: relative; float: left;">
          <a href="#" onClick="prev();"><img src="/template/img/next_button.png" style="position: relative; top: 200px; left: 5px; z-index: 2;"></a>
          <a href="/chef-special/" id="mainLink"><img src="/template/img/chef_special_large.png" id="main" style="margin: 0 0 0 50px; position: relative; float: left; top: -75px; z-index: 1;"></a>
          <a href="#" onClick="next();"><img src="/template/img/next_button.png" style="position: relative; top: 200px; left: 787px; z-index: 2;"></a>
     </div>
</div>

---

如果您不想让“下一个/上一个”按钮影响其他内容的流动，则应在容器内使用位置：绝对和位置：相对