CSS Pro Needed with some div help!

Okie dokie, here's what I got:

I am trying to create a 3 column layout using "div" because the table method was a disaster in IE (would not lay horizontal--and besides who like tables anyway...).

I am using the "Finance Business" template and the "bottom1" position.

The trouble I am having is the layout looks fine in one browser and then off in another (like 100px to far right or left depending on browser etc).

My website layout width is 980px. Here's the divs I created, any help is GREATLY appreciated! Am I missing something that would make them fit nicely into a 980px width w/o going beyond the wrap?


#leftcol {
background: transparent;
position: absolute;
left: 100px;
width: 200px;
height: 175px;
}

#rightcol {
background: transparent;
position: absolute;
left: 770px;
width: 230px;
height: 175px;
}

#content {
background: transparent;
position: absolute;
left: 325px;
width: 430px;
height: 175px;
}