Hi, Sorry to post what is essentially a myspace problem, but rest assured I'm quite serious about web design and learning CSS/html in general, and I'm fairly competent, I'm not just some myspace n00b kid who wants a new profile look. I'm currently creating my second div overlay layout for my myspace, trying to ensure compatibility for both Firefox (easy) and IE (grrrr). Because I wanted the look of thick borders for my div areas, and IE places borders on the inside of the div compared to Firefox placing them on the outside edge of the div, I decided to use nested divs to come to a visually similar solution, ie. an absolutely positoned div with a relative ( inset left 8px top 8px) positioned div inside it to give a border effect. Now this technique was working great for the layout in both browsers, there were no obvious differences between FF and IE, so I carried on adding more divs with extra content. BUT, when I did a random check on how it was looking in IE, I saw that the 9th div onwards had problems - the inset divs were inset on the left by 16px instead of 8px as per my CSS coding....I double checked my code, but the affected divs have exactly the same code as the divs that look fine.... Here is the link to my experimental site (no links work and it is still half finished after finding this error) <a href="http://www.myspace.com/emjayillustration">www.myspace.com/emjayillustration</a> You can see all is well in Firefox, but in IE, the 8th main div is misaligned... For example here's the 8th main div css and html, this appears fine in IE: <textarea> .lastfmback { background-color:56ffad; color:000000; border:0px solid; border-color:888888; font-align: left; width:560px; height:235px; letter-transform: uppercase; font-size: 10px; overflow:hidden; position:absolute; z-index:2; left:49%; top:0%; margin-left: -390px; margin-top:1350px; visibility:visible;} .lastfmfront { background-color:028853; color:000000; border:0px solid; border-color:888888; font-align: left; width:544px; height:219px; letter-transform: uppercase; font-size: 10px; overflow:hidden; position:relative; z-index:3; left:8; top:8; visibility:visible !important;} and here's the html part that refers to it: <div class="lastfmback"> <div class="lastfmfront"> <center> <table class="showtable" width="350" border="0" cellpadding="8" cellspacing="0"> <td align="center"> <u><b>Most played artists:</u></b><br> <img src="http://imagegen.last.fm/rocksandmoss2/oartists/10/lost_to_apathy.gif" border="0" /> </td> <td align="center"> <u><b>This week:</u></b><br> <img src="http://imagegen.last.fm/mossrocks/artists/10/lost_to_apathy.gif" border="0" /> </td> </table> <img src="http://images.gerpok.com/lastplay/emjayhaych.2.png"> </div> </div> </textarea> But the div that is positioned next to it has the alignment problem, and here is the code for it, that I've checked and double checked.... <textarea> .sowback { background-color:56ffad; color:000000; border:0px solid; border-color:888888; font-align: left; width:226px; height:235px; letter-transform: uppercase; font-size: 10px; overflow:hidden; position:absolute; z-index:2; left:49%; top:0%; margin-left: 184px; margin-top:1350px; visibility:visible;} .sowfront { background-color:028853; color:000000; border:0px solid; border-color:888888; font-align: left; width:210px; height:219px; letter-transform: uppercase; font-size: 10px; overflow:hidden; position:relative; z-index:3; left:8; top:8; visibility:visible !important;} <div class="sowback"> <div class="sowfront"> <img src="http://img.photobucket.com/albums/v335/emjayhaych/greenmyspace/albumoftheweek.jpg"> </div> </div> </textarea> Does anyone have any idea why the inset divs from this point onward, eg. "sowfront", are inset by 16px on the left in IE when the code states 8px? I'm getting really frustrated by this, I hate catering for Internet Explorer, and the only solution I can see at the moment, using conditional comments, I can't do it because myspace doesn't allow conditional comments! argh..... Thanks a lot for any help or advice! Mike