Well, the title says it all. I am trying to get my images to stay on the same line, but one on the left side, and one on the right side. Left side is a logo, right side is a live chat button (javascript) Its starting to get quite frustrating and I hate how it makes my site look (fyi I'm doing a complete redesign) You can see it from my signature. Also, if you have any suggestions for www.hostlonestar.com/packages.html to make it look a little more web 2.0 (especially the parts that aren't in the table) without putting them into another table (I'm going for a little unique look) as every host uses tables, even for things that are all across the hosting package, and I think its kinda tacky.
Edit: I write all my code in Dreamweaver CS4 so I can watch it as I go.

It looks like the problem is just that you have the logo and the chat contained within 2 different <DIV>... thus placing them on separate rows. I would put them both in the same <DIV> and use CSS to float the logo in place:
.logo {
float: left;
}

Unfortunately I'm not to great on the CSS front at the moment :( And yeah, I know they are in 2 different <div> tags, I had to do that in order to get the images to go with one on the right and one on the left. I'm still learning CSS lol

<div id="chat" align="right">
<div id="header" align="left">
Remove the alignment in the div tag.
#header {
float: left;
}
#chat {
float: right;
}
That should solve your problem :)