CSS issue. Shows up in chrome & IE but not Firefox

[Spearfrost]

Hey guys,

I have to say I am loving the help I am getting here. I truly appreciate every bit of it.
So… I drag my sorry self back here with another snag.

Now, those who use firefox will see the problem immediately. But to Chrome (I use myself) and IE users, it looks like there is no issue at all.

LINK: http://www.spearfrost-studio.com/user.html
Image of issue: http://spearfrost-studio.com/images/HELP/issue1.png

The Pink box (1) is where I have ALL of my user content. Icons stats and apps are in another div (2) and user content (3) fell off his rocker and ended up on the floor where nobody wants it.

Seems that the code is not recognizing the css rule for #user_placer…. or… something… or the other…. Please help.

/* START - User PROFILE MAIN CONTENT

// */

#content_1 {

width: 1100px;

height: 510px;

margin: -2px auto;

background: #903c5c;

}



/* START User ICON - Statistics - Follow Me Apps */

#user_placer {

width: 170px;

margin: auto;

background: #333131;

float: left;

padding: 0 5px;

height: 510px;

}



#icon {

margin: auto;

width: 150px;

height: 150px;

padding: 16px 5px 5px;

}



#stats {

border-top: 1px solid #4b4a4a;

border-bottom: 1px solid #4b4a4a;

line-height: 15px;

margin: 17px auto 7px;

width: 150px;

padding: 10px 5px 12PX;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #999999;

}



#follow_me {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

font-weight: bold;

color: #999999;

margin: auto;

width: 150px;

height: 20px;

border-bottom: 1px solid #4b4a4a;

padding: 0 5px;

}



#apps {

width: 150px;

height: 60px;

margin: auto;

padding: 7px 7px;

}



.apps_links li a{

filter:alpha(opacity=55);

opacity:0.55;

display: block;

float: left;

padding: 8px 8px;

margin: 0 0;

}

.apps_links li a:hover{

filter:alpha(opacity=100);

opacity:1;

}



/* END User ICON - Statistics - Follow Me Apps */



#user_details {

width: 900px;

background: #333131;

padding: 10px;

float: left;

height: 490px;

margin: auto;

}









/* END - User PROFILE MAIN CONTENT

// */

[jamygolden]

If you’re having an issue with firefox or chrome (or any browser actually) it’s generally a good idea to validate the html. I think the issue will sort itself out once that’s fixed up.

[Spearfrost]

Holy cow…. Learned something new today. ^^ Thank you so much Jamy-za. Something simple as a meta code screwed me over.

^^ Problem solved. Thanks again!

[Author]

Posts