[RESOLVED] Quick CSS Question

[Kerant]

Hey guys, this section of the forum seems a bit dead but I'm hoping for a reply!

Basically I'm using an FLV player on a section of my website, and I'm trying to position it inside a div class, which works fine in IE, but in Firefox it doesn't quite align itself.

Here is an image of the 2 comparisons, as you can see firefox is slightly off the middle.

http://img211.imageshack.us/img211/23/divboxvr4.jpg

The CSS code I'm using is:

/* ----------games template flv player-------------- */
.gamestempflv {
border: 1px dashed #2A0001;
position: relative;
width: 150px;
height: 210px;
left: 10px;
top: 20px;
}

If anybody could help me out I would greatly appreciate it.

I'm just trying to set a layout on a page with 3 div classes, but I'm having all sorts of problems trying to align each box exactly where I want it. Is relative positioning the best way to do it? Or should I attempt to use absolute positioning for it?

Thanks for any replies in advance 🙂

[Kerant]

Fixed it myself - I doubt anybody will have the same problem but I'll put my answer anyway.

In my CSS file, I have the <p> tags set to have padding, and the FLV player was being displayed incased within <p> tags by default for some reason, so naturally Firefox was using the padding to push it out of the div border.