I'm redecorating this site to ensure that the best navigation groups -Occasion and Project Type - are alongside ([http://www.merrimentdesign.com][1]). However, after i implement the table, I can not appear to encourage them to align properly. Here's my code:

I have taken a number of your advice and div'd them up instead of using tables. However, I am wondering how you can style them to ensure that they're alongside. New with CSS so bare beside me. Thanks.

<div id="right">
<table class="categories">
<tr>
<td>
<img class="categories" src="<?php bloginfo('url'); ?>/images/sidebar.gif" alt="Let The Merriment Begin..." title="Let The Merriment Begin..." /></td>
</tr>

<tr>
<td class="categorycontent">
<br />
<div id = "occasion">
<h1>Occasion</h1>
<ul>
<?php wp_list_categories('show_count=1&title_li=&child_of=537'); ?>
</ul>
</div>

<div id = "ptype">
<h1>Project Type</h1>
<ul>
<?php wp_list_categories('show_count=1&title_li=&child_of=538'); ?>
</ul>
</div>

Wrong with how it's displayed now? That's, what's the result you want to have?

If you would go tableless, which a few of the commenters recommended (and that i do too), you'd solve this using divs rather. Take a look at for example http://webdesign.about.com/od/css/a/aa102102a.htm to explore how to achieve that. Or google "tableless css" for more.

float:right the div having a fixed width, float:left their email list elements within? I can not really tell what it's you're asking but from searching at the site, it appears that is what for you to do.