2 Sidebar Call Positioning Problem

I have tried everything I can understand in your API section and everything I can find in the Support Section of WP.

I have my site home page as a seperate template from the rest of my site. I have set up a sidebar.php file and use the following code:


</div>
<div id="sidebar-1" class="sidebar">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar') ) : else : ?>

<?php wp_list_pages('title_li=<h2>' . __('Pages') . '</h2>' ); ?>

• <h2><?php _e('Archives'); ?></h2>

<?php wp_get_archives('type=monthly'); ?>

• <h2><?php _e('Categories'); ?></h2>

<?php wp_list_cats(); ?>

<?php get_links_list(); ?>
<?php endif; ?>

</div>
<div id="sidebar-2" class="sidebar">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('inline') ) : else : ?>
• <h2><?php _e('About'); ?></h2>
  <p><?php bloginfo('description'); ?></p>
• <h2><?php _e('Meta'); ?></h2>

<?php wp_register(); ?>
• <?php wp_loginout(); ?>
• " title="<?php _e('Syndicate this site using RSS 2.0'); ?>"><?php _e('Entries RSS'); ?>
• " title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments RSS'); ?>
• ">Wordpress

<?php wp_meta(); ?>

<?php endif; ?>

</div>

I am using the widget plugin and have the following at the top of my functions.php page:

if ( function_exists(‘register_sidebar’) )
register_sidebars(1, array(‘name’=>’sidebar’));
register_sidebars(2, array(‘name’=>’inline’));

The content section of my home page is sadly a table with three columns.
I am wanting to have the ‘sidebar’ in the right column. I want the ‘inline’ sidebar to be under the post content to the right.

The Code for my homepage is:


<?php
/*
Template Name: Home
*/
?>

<?php get_header(); ?>

<div id="content">

<table width="100%">
<tr>
<td valign="top">

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2>" rel="bookmark" title="Permalink: <?php the_title(); ?>"><?php the_title(); ?> </h2>

<div class="entry">
<?php the_content('[...]'); ?>
</div>

</div>

<?php endwhile; ?>
<?php else : ?>

<h2>Oops! Someone tore this page out.</h2>
<p>Man, we hate it when this happens, but sometimes it does. Someone has ripped this page out of our little book here. We will try to resolve this issue soon.</p>

<?php endif; ?>

<div class="nextprevious">
<div class="left"><?php next_posts_link('« Previous') ?></div>
<div class="right"><?php previous_posts_link('Next »') ?></div>
</div>

</div>

</td>
<td width="10px" valign="top" background="https://www.alillywilson.com/wp-content/themes/foliage-mod-102/images/vertspace.png"></td>

<td width="175px" valign="top">
<?php get_sidebar('sidebar'); ?>
</td>
</tr>
</table>

</div>

<div id="footercontent">

<!-- <div id="bottomwrap">

<?php include (TEMPLATEPATH . "/bottom.php"); ?>
<div class="clear"></div>
</div> -->
</div>

<div id="bottom">

<?php get_footer(); ?>

The style I am using is the following:


/* ---------------------------------------------------------*/
/* ---------->>> BEGIN SETTING FOR SIDEBAR <<<--------------*/
/* ---------->>> Used on front Page Only <<<----------------*/
/* ---------->>> CSS VALIDATED CODE <<<---------------------*/
/* ---------------------------------------------------------*/
}
#sidebar-1 {
width: 170px;
}
#sidebar-2 {
width: 170px;
}

/********************************************************************************/
.sidebar {
text-align: left;
padding: 5px;
border-top:solid 1px #CED4CA;
border-bottom:solid 3px #CED4CA;
border-left:solid 1px #CED4CA;
border-right:solid 3px #CED4CA;
float: left;
margin: 5px;
background-color:#FFFFFF;
font-size: 0.9em;
}

/*********sidebars***************/
.sidebar h2 {
display: inline;
margin: 1.2em 0 0.6em 0;
padding: 0 10px 0 0;
color: #63b4cd;
background: url(imagenes_qwilm/arrow.gif) no-repeat center right;
font-size: 1.1em;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar ul ul {
margin: 1.0em 0 1.5em 0;
border-top: 1px solid #dee4da;
}
.sidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid #dee4da;
}
.sidebar ul ul li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 0 10px;
}
.sidebar ul ul li a:hover {
background-color: #f3f3f3;
}
/****************************/

Thanks in advance.

Mike