Imagen Flotante alinear a la derecha no me queda!

Hola que tal primero que nada mis saludos y antes que nada pido disculpas si estoy escribiendo el post en donde no es asi que si es necesario moverlo a donde lo consideren desde ya muchas gracias! ;) bien soy stuar y tengo un codigo luego de mirar y mirar el cual quiero incorporar a mi pagina web para colocar una imagen de bienvenida flotante que la misma este a la derecha si miramos el monitor de frente o bien centrarla pero e cambiado y modificado de todo y entro en conflicto con el boton de cerrar la ventana ya que el boton me queda a un lado y la imagen en el otro extremo y esto me tiene de cabeza llevo ya casi 15 dias mirando cada linea y modificando cada parametro y por eso opte por ver que solucion puedo darle al codigo les dejo el codigo para que vean lo resalto en rojo en donde intento modificar si pueden decirme que hice mal o como seria el codigo correcto seria de gran ayuda muchas gracias! ;)

<if condition="$show">

<style type="text/css">
#topbar{
position:absolute;
border: 0px solid black;
padding: 5px;
background-color: ;
width: 300px;
visibility: hidden;
z-index: 200;
top: 27px;
height: 134px;
left: 13px;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>


a modificar esto a la derecha pero no me queda o centrar<div id="topbar">
<p align="right">[contenido no disponible]
</align>
[contenido no disponible]</td>
</div>

</if>