DIV Layout Problem (browser related), layout looks different in IE and firefox Options

[wicked_pennywise]

Ok, my new div layout that I'm working is coming along great except for one small thing. The div's that I used to put text in all look great in IE...their positioning is spot on in my browser at least. In firefox, they're either 1 or 2 pixels off placement or they're too for the area I designed for them. Does anyone know why they look different in two browsers?

[wicked_pennywise]

ok here's an example of one of my divs...first the style sheet part which is in the about me section

.movies{
left:50%;
margin-left:-416px;
top:-005px;
position:absolute;
height:155px;
width:351px;
z-index:2;
}


then the actual div and it's content

<div class="movies"><div style="width: 155px; height:
351px; background-color: transparent; color: FFFFFF; font-family: times new roman; font-size: 12px; text-align: left; overflow: none; padding: 4px;"> &nbsp &nbsp I’m what some would call a “movie buff.” I love movies, and I’ve definitely seen my fair share over the years. I’ll basically watch anything as long as the plot interests me. However, horror movies are my favorite films to watch. It doesn't matter if it's a mainstream or even a low-budget film. If it's horror, I'll watch it at least once.<br> &nbsp &nbsp
Don't get the impression that I'm all about the blood and guts, though. Some of my favorite films are dramas; The Outsiders, Home Room, Boy's Don't Cry, Rocky, Donnie Darko, The Crow, etc. There's even some romances and comedies that I like too (Titanic, Notebook, American Pie, etc).
</div>