Profile 2.0 way different in IE than Firefox??, why is it so different? Options

[shutterleftopen]

http://www.myspace.com/aspectapparelco

my new myspace layout for an up and coming clothing company looks great in Firefox..the only problem is in internet explorer the hovering .gif clear images for links and etc. are way off...anyway i can fix it? i simply followed the profile 2.0 tutorial on here so if there's any way at all to fix it it would be great. thanks in advance.

[Mickey]

Would you mind posting the codes you're using?

[shutterleftopen]

Code in CSS section:

CODE

div#header, div#googlebar {background-color: # 0d0d0d;}
#topnav {background-color: # 0d0d0d;}
#topnav ul, #topnav ul li {border: none;}

div.basicInfoModule {display:none;}

div.blurbsModule h3 {display:none;}

.blurbsModule h4 { display:none; }

div.blurbLikeToMeet {display:none;}


div.wrap, div#row1, div.contentMid2, div.contentMid, div.contentMid1, div.myCoreDiv {width:800px;background-color:transparent;}

div.globalWidth, div#leaderboard {width:800px; max-width:800px; }

div#googlebar {width:770px;}

div.basicInfoDetails {min-height:0px; padding:0px;}
div.profileDemographics {min-height:0px; padding:0px; height:0px; width:0px;}
div.basicInfoModule {margin:0px; height:0px; padding:0px; min-height:0px; }
div.basicInfoModule div.moduleBody {height:0px; min-height:0px; margin-top:0px; margin:0px; padding:0px; background-color:transparent;}
div.contentMid2 {padding:0px;}

div.blurbsModule {margin:0px; padding:0px}
div.blurbsModule div.moduleBody, div.blurbsModule div.moduleMid{padding:0px;}

div.myCoreDiv {text-align:center;}

div.friendSpaceModule {position:absolute;height;auto;width:600px;top:2385px; margin-left:100px;background-color:transparent;border:none;overflow:none;z-index:9;}

div.blurbsModule {background color:transparent;}

div#footer {display:none;min-height:0px; padding:0px; height:0px; width:0px;}

div.commentsModule {position:absolute;height:auto;width:700px;top:2885px;margin-left:50px;background-color:transparent;border:none;overflow:auto;z-index:9;}

div.detailsModule div.moduleBody ul.
moduleList span {text-align: right; display: block; font-color:000000;}


.addbutton
{width:240px;height:70px;position:absolute;top:805px;margin-left:50px;background-color:transparent;z-index:9;overflow:hidden;}

.msgbutton
{width:260px;height:60px;position:absolute;top:905px;margin-left:30px;background-color:transparent;z-index:9;overflow:hidden;}

.picsbutton
{width:240px;height:60px;position:absolute;top:975px;margin-left:50px;background-color:transparent;z-index:9;overflow:hidden;}

.sitebutton
{width:240px;height:60px;position:absolute;top:1035px;margin-left:-50px;background-color:transparent;z-index:9;overflow:hidden;}

.specialbutton
{width:335px;height:269px;position:absolute;top:246px;margin-left:431px;background-color:transparent;z-index:9;overflow:hidden;}

.aspectbutton
{width:150px;height:50px;position:absolute;top:2205px;margin-left:350px;background-color:transparent;z-index:9;overflow:hidden;}

.blogbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:565px;background-color:transparent;z-index:9;overflow:hidden;}

.facebookbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:640px;background-color:transparent;z-index:9;overflow:hidden;}

.twitterbutton
{width:55px;height:50px;position:absolute;top:545px;margin-left:710px;background-color:transparent;z-index:9;overflow:hidden;}

.fanbridge
{width:200px;height:77px;position:absolute;top:1208px;margin-left:570px;background-color:transparent;z-index:9;overflow:hidden;}



.aboutmetext
{width:450px;height:385px;position:absolute;top:760px;margin-left:310px;background-color:transparent;z-index:9;text-align:justify;padding-right:3px;overflow-x:auto}

.street
{width:740px;height:200px;position:absolute;top:1345px;margin-left:30px;background-color:transparent;z-index:9;overflow-x:auot;overflow-y:hidden;white-space: nowrap;}

.basement
{width:740px;height:200px;position:absolute;top:1674px;margin-left:30px;background-color:transparent;z-index:9;overflow-x:auot;overflow-y:hidden;white-space: nowrap;}

.house
{width:740px;height:200px;position:absolute;top:1984px;margin-left:30px;background-color:transparent;z-index:9;overflow-x:auot;overflow-y:hidden;white-space: nowrap;}

----------------------------------------------


Cod inside About Me section:

CODE

Started by Josh Miller in Oct. 2009, Aspect Apparel is a company like no other. While having such a diverse interest in different music genres, the 3 separate collections allow us to express our sense of style and still appeal to the masses.







The 3 collections consists of;




The Street Collection: urban hip-hop style streetwear




The Basement Collection: hardcore/alternative rock designs




The House Collection: Clean, simple designs that are accepted by everyone




The company is based out of Columbus, OH where we hope to start spreading out all over the Midwest and eventually having the Aspect Apparel "Scratch" logo worn by people all over the world. Make sure you check back weekly as we are always working on new designs. Also, be sure to check us out on facebook, twitter, and stop by our blog to see what's new and poppin'.

[Mickey]

It's most likely because you aren't implementing the left property when positioning different elements. Try adding this to your classes:

CODE

left: 50%;

If the elements become out of place, just re-calculate the margin-left value until they go back to where they should be.

[shutterleftopen]

mike..thanks a lot man. greatly appreciated it worked like a charm.

[Mickey]

Topic closed & moved.