Neopets coding help

[DoodleNoodle]

Asking for help to my fellow neopian friends in a site that accepts html without converting it.
Whenever I try to use the code it says "Invalid words or disallowed property names found in your style tags. position" The exact "position" with problems is the one showed in "#bottom2", I want that image to display so I don't want to erase it.

<style>
body {
background: #FAECEA url("http://www.sunnyneo.com/petpage/PP_autumn_bg.jpg");
background-repeat: repeat;
overflow: auto;
}
.footer, .sf {
display: none;
}
#link table {
display: inline;
}
table {
background-color: transparent;
}
table a img, center p {
height: 0px;
width: 0px;
overflow: hidden;
}
b {
color: #EB896F;
}
i {
font-family: georgia;
color: #6F4D53;
}
.v {
font-weight: bold;
text-decoration: underline;
color: #AA594C;
}
.sm {
padding: 3px;
margin: 3px;
border: 1px solid #F0BAAE;
background: #FFF;
}
a:active, a:link, a:visited {
color: #D7A85D;
font-weight: bold;
text-decoration: none;
}
.navi, a.navi:link, a.navi:active, a.navi:visited {
text-transform: uppercase;
text-align: center;
font: bold 12px tahoma;
color: #EB896F;
padding: 4px;
margin: 4px;
background: none;
}
a.navi:hover, a:hover, a:hover {
background: url("http://www.sunnyneo.com/petpage/PP_autumn_nav.jpg");
color: #BF6F67;
}
h1 {
color: #E87C78;
font: italic 25px georgia;
background: none;
margin-top: 0px;
margin-bottom: 4px;
padding-left: 20px;
text-align: left;
border-bottom: 1px dashed #EDC2BB;
}
#picture {
background: url("http://www.sunnyneo.com/petpage/PP_autumn_top.jpg");
left: 0px;
top: 0px;
z-index: -1;
height: 488px;
width: 1004px;
}
#bottom2 {
background: url("http://cdn.discordapp.com/attachmen...28773765120/148_sin_titulo_20210308033404.png") no-repeat bottom right;
position: absolute;
bottom: 0px;
right: 5px;
text-align: center;
height: 202px;
width: 203px;
z-index: 100 !important;
}
</style><div id="picture" style="position: absolute;"></div>
<div style="position: absolute; left: 378px; top: 350px; width: 305px; text-align: center; overflow: hidden; font: italic 25px georgia; color: #DF9285;">
Federbaellchen app
</div>
<div style="position: absolute; left: 153px; top: 490px; width: 695px; height: auto; color: #C28D8A; font: 12px tahoma; text-align: justify;">
<div align="center">
<a href="/myaccount.phtml" class="navi">account</a>
<a href="/customise" class="navi">customise</a>
<a href="/games/arcade.phtml" class="navi">games</a>
<a href="/explore.phtml" class="navi">explore</a>
<a href="/nf.phtml" class="navi">news</a>
<a href="/community/index.phtml" class="navi">community</a>
<a href="/objects.phtml" class="navi">shops</a>
<a href="/mall/index.phtml" class="navi">nc mall</a>
<a href="http://nc.neopets.com/membership" class="navi">premium</a>
</div>
<br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><br><div align="center">
<img src="http://images.neopets.com/items/boo_fall_destinations.gif" class="sm">
<img src="http://images.neopets.com/items/boo_fun_tree_facts.gif" class="sm">
<img src="http://images.neopets.com/items/boo_autumnal_decorating.gif" class="sm">
<img src="http://images.neopets.com/items/boo_fallleaves.gif" class="sm">
<img src="http://images.neopets.com/items/fbo_gladefall.gif" class="sm"><br> <br></div>
</div>

 

[BigDady]

There is nothing in the HTML code with an ID of bottom2 and the url you give has "..." in it so I could not see the image. When I went to the site it's self I was denied access to it. And that maybe the problem. Why not move that image to your folder and see if things work, You might also want to remove "text-align: center;", just for fun.
PS. Next time use the <code> tags to encase your code and separate the CSS from the HTML.

 

[DoodleNoodle]

Forgot to add <div id="bottom2"></div> also removed the "text-align: center;" still trhows me an error. Thanks for the help though!

 

[Lunatiq]

First you're gonna wanna put that image on imgur or some other image hosting and not link from discord.

Secondly, neo hates positioning in the style tags try removing then replacing it in the div:
<div id="bottom2" style="position: absolute; bottom: 0px;
right: 5px;"> </div>

 

[DoodleNoodle]

My problem is solved! Thank you everyone ♡