How do I get my navigation to align correctly in my navigational bar and be placed properly on all resolutions? Here is the website: http://epona.tainted-butterfly.com

Try replacing this: <div style="position:relative; left:297px; top:83%; width:156px; height:250px;">

with this:

<div style="position:relative; left:180px; top:730px; width:156px; height:250px;">

and this: <div style="position:absolute; left:39%; top:89%; width:448px; height:250px;">

with this:

<div style="position:absolute; left:380px; top:650px; width:448px; height:250px;">

I tried different resolutions and it worked fine. :)