CSS trouble with Adopts links

[Saphira]

This is weird. In my template.html (http://jonalicious.com/tem/template.html) file, the menu displays exactly how it should (minus the positioning etc.). But when I view it as a theme with the script, it just displays the links in a bulleted list at the bottom of the page. They both use the same CSS file, any idea why this is happening, anyone? :S

[mugwumpr]

Is it in a table? I believe table cell default is "bottom", so if the vertical alignment of the cell it's in isn't set to "top", the addition of content can make it look like it's moving all over the place. Does that help?

<td valign="top">

[Saphira]

#menu ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:2em; position:absolute; left: 300px; top: 200px;font-size:0.9em;}

That's the alignment code, it works fine in the normal template, but it messes up when I put it into the adopts system.

Adopts system link: http://jonalicious.com/tem/nk64/adoptables/index.php

It shouldn't even be under the picture at all, being's the background image is set to fill the maximum of a user's screen. :S