Div Layout is playing up on my MAC Options

[mizt]

Hi everyone,

Really hope you can help. I'm really into my graphics but still learning about codes and all of the DIV stuff so not very tech minded. I'm putting together a DIV Myspae Layout for a band and it's looking great on my PC using Explorer but not so hot on my MAC. It's not recognising any of my CSS Styling I think?! Wheras Explorer makes my background black and my scrolers blue as I think my code states, Safari on the MAC just ignores it. Everything inside my DIV box is perfect but out side of it looks as was. Any ideas I will pop the code up but beware ths is all copied code that I have adjusted so it's bound to be terrible!! If anyone has a MAC to look at it on it's www.myspace.com/britchix

CODE

<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

{! for those who want to move the div up BEHIND the ad banner !}
div {position:relative; z-index:9}
div.myCoreDiv, div.myCoreDiv div {z-index:0}

table table br {display:none;}
table table table br {display:block;}


{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:BLACK !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
table {background-color:BLACK !important}
div table {border-bottom:BLACK !important;}

{! ADDITIONAL STYLE BLOCKS GO HERE !}
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:13A7C0;
scrollbar-face-color:13A7C0;
scrollbar-highlight-color:13A7C0;
scrollbar-darkshadow-color:13A7C0;
scrollbar-3dlight-color:13A7C0;}

.lbr {link = all links
visited = things you&rsquo;ve clicked before
active = as you are clicking
hover = as your mouse goes over the link}
:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:link {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:visited {
font-family:Verdana;
color:003399;
font-size:x-small;
text-decoration:underline;
}

a:active {
font-family:Verdana;
color:13A7C0;
font-size:small;
text-decoration:underline;
}

a:hover {
font-family:Verdana;
color:FFFFFF;
font-size:x-small;
text-decoration:underline;
}


<div style="background-color:BLACK">
</style>
<i class=i>!End code in Influences !</i>

It would be great if anyone could offer me any advice as I normally feel reasonably intelligent but today is not one of those days!! I think I'm falling into the bimbo camp!!

Many thanks,

T xxx