Div style troubles!

[Teensweb]

I have a div code in my body tag -

<div style="position: absolute; width: 100px; height: 100px; z-index: 7; left: 146px; top: 187px" id="layer3">
Some text
</div>

The problem is that, in firefox and IE, it's positioning is DIFFERENT!
Can anyone solve it for me?

 

[VPmase]

Do you have any other CSS for divs or "layer3"?

Like div{} or .layer3{}

 

[Teensweb]

Do you have any other CSS for divs or "layer3"?

Like div{} or .layer3{}

No.No other css.

 

[Anna]

could be IE and FF handles margins diffrently, however it is hard to say that is the case without actually seeing the difference

 

[leafypiggy]

yeah...i'll run the div in dreamweaver for browser check errors.

 

[Teensweb]

But I don't have dream weaver! If it's the margin prob, can u give me the fix?

 

[scopey]

Can you show or tell us how it's positioning differently. Do you have a link to the site with the code?

 

[Teensweb]

http://ratings.teensweb.co.cc/create_rating.php

 

[xPlozion]

Whoa, when viewing that page, I got NUMEROUS validation errors. 187 to be exact according to W3C. Try cleaning up those errors and it may fix itself, but as for an exact fix; I'm sorry but I can't help, seeing as I don't have Internet Explorer on my computer and don't plan on installing it.

It could be also to the fact that Firefox abides by (X)HTML standards, while Internet Explorer sets it's own (why it also appears to load pages faster).

-xP

P.S. IMHO, Web Developer and HTML Validator (Tidy) are the greatest 2 extensions for web developers using firefox