position: relative browser compatability...

[markfab]

Hi,
I am getting awfully confused with IE for mac and netscapes way of
interpretting position: relative. I just created a web page for my band,
http://www.aintry.net, it looks perfect on ie5.5, ie6 for windows, alright
in netscape7, and god awful in ie for mac. i've found that the mac people
acknowledge a bug with position: relative and i'm pretty sure my issue has
to do with inheritance.

here is some of my code, and an explanation of how its implemented and how
it looks:
(i left the border statements in because i came across some issues with
border / position)

div#main{ position:relative; width:700px; border-right:2px solid #ffffff;
border-left:4px solid #ffffff; border-bottom:2px solid
#ffffff;
voice-family: "\"}\""; voice-family:inherit; right: 0;
text-align:left; }

div#main img.curve{position:relative; left:-4;float:left; clear:left;
padding-left:0px;}

div#main img.frontpic{position:relative;float:right; clear:right;
border-left:1px solid #fff;
display:block; border-bottom:1px solid
#fff; margin-right:0; margin-top:0;}

basically, the img.curve and img.front should float to the left and the
right respectively within the div#main. it works fine in the ie box model,
but gets wierdness everywhere else.

is it even possible to have this layout in other browsers?
i appreciate any feedback that anyone has time for.

thanks in advance.

mark.