Help with user lookup

[red_danger_zone]

I've been working on my user lookup for two days now, and I am absolutely stumped. I have two custom-created divs with custom ids that should, hypothetically, be positioned where I tell them to be and look like I tell them to. When I "preview" the user lookup, it looks exactly like it's supposed to, but when I hit "Change Your Details" the CSS specifically pointed toward these divs doesn't seem to apply, it's still in the code, but none of the formatting shows up!

My specific problems are with "#aboutme" and "#navigation"

<style>

#header, #footer, #ban, .sf, hr, table.ad-table, #nst, #bt, #ncmall, #userneohome, #habitarium, .brand-mamabar, .contentModuleHeader, .contentModuleHeaderAlt, #userneopets {
display: none;
}

.contentModule div a img, .contentModule div b {
display: inline;
}

.contentModule, .contentModuleContent, .contentModuleTable {
border: 0px;
background: none;
text-align: left;
}

body {
background-color: #222222;
}

#main {
text-align: left;
margin-left: 0px;
margin-top: 0px;
background: url("http://blog.shelley-rae.com/wp-content/uploads/2014/06/main_background.png") no-repeat top left;
border: 0px;
position: absolute;
left: 0px;
top: 0px;
height: 1500px;
width: 1024px;
overflow: hidden;
}

#userinfo .contentModuleTable {
position: absolute;
top: 468px;
left: 610px;
width: 380px;
height: 220px;
}

#userinfo img, #usercollections img, #usershop img {
visibility: hidden;
}

#userinfo table table {
border: 0 !important;
}

#userinfo a img {
visibility: hidden;
display: table-cell;
height: 30px;

#usershop .contentModuleContent {
z-index: 1;
text-align: center;
}

#usershop a img {
display: table-cell;
}

#usertrophies .contentModuleTable {
text-align: center;
position: absolute;
top: 860px;
left: 38px;
width: 375px;
height: 550px;
}

#usershop {
position: absolute;
top: 700px;
left: 780px;
width: 284px;
height: 291px;
}

#usercollections .contentModuleTable {
background: none;
position: absolute;
top: 1120px;
left: 620px;
width: 380px;
height: 291px;
}

font, td, p, xmp, u, body, .content, .medText {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 9pt;
color: #C2C2C2;
line-height: 10pt;
letter-spacing: 1px;
}

b {
font-weight: bold;
color: #C2C2C2;
border-bottom: 1px;
text-decoration: none;
}

#usertrophies b {
text-align: center;
font-weight: normal !important;
color: #C2C2C2 !important;
}

a:link, a:active, a:visited, a b {
font-weight: bold;
color: #AF1F24;
text-decoration: none;
}

a:hover, a:hover b {
font-weight: bold;
color: #EB6165;
text-decoration: none;
}

#about{
background: none;
top: 450px;
left: 280px;
width: 270px;
height: 300px;
text-align: left;
}

#navigation{
font-weight: bold;
background: none;
top: 386px;
left: 30px;
height: 33px;
width: 1024px;
word-spacing: 50px;
}

#navigation a:link{
font-weight: bold;
text-transform: uppercase;
}

</style>

<div id=”about” style="position: absolute; z-index: 2;">
<p>Raised in the era of Neopets popularity, my adolescent mind struggled to learn the ways of Neopia. Now I have returned later in life stronger, wiser, and possibly more capable to try to build a new empire.
</p>
<p>I haven’t started in the Battledome – yet. I haven’t started collecting Secret Avatars or completing quests – yet. Currently all my energy is focused on earning neopoints so that I can comfortably afford to enjoy the game in its entirety.
</p>
<p>I am an American-based magazine editor and professional shooter (yes, guns) who spends my free time playing with design programs, taking my dog on ridiculously long walks, and getting in idiotic fitness competitions with my husband.
</p>
</div>

<div id=”navigation” style="position: absolute; z-index: 2;">
<a href=”/myaccount.phtml”>Account</a>
<a href=”/customise/”>Customise</a>
<a href=”/games/”>Games</a>
<a href=”/explore.phtml”>Explore</a>
<a href=”/nf.phtml”>News</a>
<a href=”/community/index.phtml”>Community</a>
<a href=”/objects.phtml”>Shops</a>
</div>

I'm trying to figure out what Neopets could be doing to the code and, more importantly, how I can get it to look how I want it to.

You can see what it looks like right now at: http://www.neopets.com/userlookup.phtml?user=red_danger_zone

Any help or suggestions would be much appreciated!

I just figured out what was wrong. Neopets was adding in random apostrophes in some of the code. I deleted them and saved the code again and all is well.

Hopefully no one else comes across this.

This post has been edited by a member of staff (Spritzie) because of a violation of the forum rules.
Please don't double post. If your post is the most recent reply and you would like to add something, use the 'Edit' button.
Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.


This topic has been edited by a member of staff (Spritzie).
The original topic is now answered and will be closed.
Please check your user inbox to see if you have been contacted regarding this topic.
Per the reason above, this topic has been LOCKED. Please contact Spritzie if you have any questions regarding this action.