Ok, here’s the scoop:
First, and this is probably just left over from experimenting with the different style sheets, but you’re calling your style sheet twice. The first time is using the @import directive, the second time is using a link. So, delete the second one:
(note: backup your index.php first, just in case you delete something on accident)
<link href=”wp-layout.css ” rel=”stylesheet” type=”text/css” />
(delete this line from index.php)
Now, go ahead and link to the darkfire css file that you’ve uploaded to your site. For example, you might change the @import from wp-layout.css to darkfire.css (or whatever you called it.)
<style type=”text/css” media=”screen”>
@import url(darkfire.css);
</style>
Now, move everything from <div id=”content”> down to the two closing </div> tags, just before <p class=”credit”>, up to near the top, just under the heading. In other words, move the content div up so that it comes before the menu div. This shouldn’t matter, but it does.
Ok, so now let’s look at the menu div. A small bit of errant code was causing the main problems. Let’s fix those:
Find the part just after the calendar. Replace everything in-between the closing
- tag after the calendar, to the opening <li id=”meta”> (In other words, the Webrings and Blogger Directories sections). Put this instead:
<li id=”webrings”>Webrings
<li id=”bloggerdirectories”>Blogger Directories
Ok, that should do it. Everything seems to work, except your second link is really long, so it overflows into the content area. I’m sure that could be fixed, though…
-Tony
