Hi there gang - the site in question is at http://www.beaconhillupdate.com/

If you look at the "opinion" section, you will see that the "more headline" link is way below the "opinion" link. I'm trying to get them to more or less line up, or at least to both align at the top.

I've tried a bunch of different things, none of which seem to work in both IE and in Firefox. The only one that came close was inlcluding "position: absolute; top;" - worked in IE, but in Firefox, it hovered in the middle of the bottom line.

Any thoughts? TIA!

In #more-center take out the following:

margin-left:200px;

Insert into the same rule the following:

float:right;
margin:-15px;

This solves the problem in both IE and FF.

I can also see that your content is overlapping your header in mozilla firefox 1.5

Alright...let's see.

"position:absolute;" just means that you can position your div at certain positions in relation to the 0,0 location on the page. You misread the code as something that would position the text at the top - "top:0; left:0;" would position the entire div at 0,0 on the page.

To vertically align any text in a table, CSS isn't an option. You can use the HTML attribute/value of valign="top".
For example,
<td valign="top">

Hope that helps.