Add this overlay?

Actually I'm having some trouble aligning it. Currently it's in the right position for my screen size, but not others. I'm no expert at this stuff so I'm clueless how to fix it. :p

Added to template ad_header:
HTML:
<div class="rightContentBox">
    Looking for the server IP? <br />
    Look no further than <a href="http://www.fuzzoland.com/about">here</a>!
</div>

Added to style sheet EXTRA.css:
HTML:
.rightContentBox {
    font-style: italic;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 370px;
    top: 40px;
    text-shadow: 0px 0px 0px transparent, 1px 1px 0px rgb(90, 80, 40);
}
 
Actually I'm having some trouble aligning it. Currently it's in the right position for my screen size, but not others. I'm no expert at this stuff so I'm clueless how to fix it. :p

Added to template ad_header:
HTML:
<div class="rightContentBox">
    Looking for the server IP? <br />
    Look no further than <a href="http://www.fuzzoland.com/about">here</a>!
</div>

Added to style sheet EXTRA.css:
HTML:
.rightContentBox {
    font-style: italic;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 370px;
    top: 40px;
    text-shadow: 0px 0px 0px transparent, 1px 1px 0px rgb(90, 80, 40);
}

With people using different resolutions you'll find that it will shift and appear slightly differently.
 
Top Bottom