Well, I got SOMETHING working.
This is an abbreviated version of my code, involving only the elements that deal with vertical centering:
CODE
<HTML>
<head>
<style type="text/css">
div#centered { border: 0; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; }
</style>
</HEAD>
<BODY background="http://img176.imageshack.us/img176/6640/bgenterfv6.jpg">
<center>
<div id="centered">
<img src="http://img245.imageshack.us/img245/7481/entertopleftnp8.gif"><img src="http://img177.imageshack.us/img177/9003/entertopmiddleno5.jpg"><img src="http://img184.imageshack.us/img184/1107/entertoprightlq1.gif"><br>
<img name="enter_middle" src="http://img520.imageshack.us/img520/8884/entermiddlegl5.jpg" width="550" height="280" border="0" id="enter_middle" usemap="#m_enter_middle" alt="" /><br>
<img src="http://img177.imageshack.us/img177/5096/enterbottomleftwu5.gif"><img src="http://img522.imageshack.us/img522/4106/enterbottommiddlesp4.jpg"><img src="http://img245.imageshack.us/img245/2968/enterbottomrightev7.gif">
</div>
</center>
</body>
</html>
My problem is that with this kind of method, if the window gets to small, the images don't stay side by side anymore D:
