DIV Options

[grizzlybearcody]

In firefox my DIVs are positioned perfectly.
But in IE they're moved over a few pixels.

CODE

<div class="content" style="position: absolute; top: 1977px; left: 50%; margin-left: -16px ! important; width: 460px; height: 40px; background-color: transparent;"><img src="body_header_image"></div>

Is there anything I can add to that to make it work in both browsers?



Thanks,
Cody

[Mickey]

Can you post a link to the page this is happening to?

[grizzlybearcody]

Well it's just a DIV code I just wrote.
A band wanted to add a "shows" header. and I put it up but when I cross referenced it, it worked in FF but moved over in IE. so I just took it down.

[Mickey]

Try removing the class and removing !important after 16px on the margin-left attribute.

[grizzlybearcody]

Nah, didn't work.
I've seen some DIV's use an underscore for certain codes and that made a difference in the IE code. What do you think?

[Mikeplyts]

^Yeah, try that:

CODE

<div style="position:absolute; top:1977px; left:50%; _left:50%; margin-left:-16px; _margin-left:-16px; width:460px; height:40px; background-color:transparent;">
<img src="body_header_image" border="0">
</div>

See if that does anything.

[grizzlybearcody]

Yep it works.
I figured that was the code. but I just forgot what html to put them on.

[Mickey]

Alright, topic closed & moved.