CSS and absolute positioning?

[BootySlap]

Is there any method or hack for getting around the fact that using absolute positioning gives different alignments (usually a few pixels) in opera, IE and netscape!?

[DrDoc]

What do you mean by "different alignment"?
I haven't experienced any problems...

Well, unless you're talking about NN4 that is ;)

[BootySlap]

Okay i have an image in a div with this class

.nav{
height: 465px;
width: 130px;
position: absolute;
float: left;
}

this is basically aligned next to another div on the screen. in opera they are both perfectly aligned (i.e equal in height).

in IE the image (or div, not sure) is a bit shorter and also in NN (latest browser versions).

Any idea how I can fix it or still want more information?

[Birdman]

You might want to set the padding and margin on on the parent div if you haven't already. Also, when you use absolute positioning, you need to set the top and/or left position. You don't have that in your code now. You probably don't need to use absolute position. Try taking it out and set your margins instead.

[DrDoc]

You might also want to add display:block

[gph]

Have you tried a strict doctype?

[BootySlap]

Thanks for the hints I will give it a go soon and get back to you!

[BootySlap]

Hmm I have tried putting top, left, padding and margin in numerous places without prevail. And also display: block doesnt do anything.

It still does the same thing with the image without its own div (just in the parent div).

Is there any way I can get a diagram in here so i can show u more clearly cuz i know we cant link images.

[BootySlap]

PROBLEM SOLVED thanks :))