What happened here? (an interesting problem)

That’s your css.
I can see the menu div, but not it’s declaration in your css.
I’ll keep looking..

#menu {
background: #fff;
border-left: 1px dotted #ccc;
border-top: solid 3px #e0e6e0;
padding: 20px 0 10px 30px;
position: absolute;
right: 2px;
top: 0;
width: 11em;
}
Alter ‘top’ until the menu descends to the correct height, then alter ‘right’ until it indents enough to fit into the table you have.
This is actually not an elegant solution, and you may have conflicting css declarations..

Hmmm…
Thanks for the reply Podz, however it seems like the solution should be much simpler than the one you provided.
Allow me to explain in greater detail.
I use Dreamweaver MX to create my site and every page within my site will be based off a Dreamweaver template file (.dwt). So the WordPress index.php page obiously will use the template in effort to maintain constistancy throughout the site. So I did what seemed to make sence to me. I copied the contents of index.php from WordPress into the center table of the template file.
Theoretically this should work but the sidebar is detached from the rest of WordPress. The sidebar is way on the right side of the page. I am very confused about why this is happening.
What am I doing wrong? Is there a better way to handle what I want? I have seen many sites that have done the exact same thing I am trying to acomplish.
Thank you for your pateince and understanding as I am fairly new to all of this.
Thanx,
Joe.