como mantener una caja flotante centrada.

[Copia]

lo que pasa es que la plantilla es dinamica con max-width.

Codigo html:

Código:

<div id="header">            
			 		<div id="header_r">                                                                                       						
					    <div id="newtop">  <jdoc:include type="modules" name="top" /> </div>  
                        <div id="logo"></div>
                        <div id="logabba"></div>                 
                   </div>
			</div>

y este es el css:

Código:

div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_medium div#wrapper {
	width: 950px;
}

body.width_small div#wrapper {
	width: 773px;
}

body.width_fmax div#wrapper {
	min-width: 750px;
	max-width: 1050px;
}

div#header{
	margin:0 12px;
}


div#header_r {
    padding-right: 30px;
	padding-top: 10px;
	overflow: hidden;
}

div#logo {
	float:left;
	width: 480px;
	margin-top:-8px;
	margin-left:20px;
	height: 124px;
	background: url('../images/mw_banner.png') 0 0 no-repeat;
}

div#logabba{
	float: right;
	width:154px;
	margin-right:10px;
	margin-top:8px;
	height:89px;
	background:url('../images/logoabba.png');
}

div#newtop {
 font-family:Verdana, Geneva, sans-serif;
 float:left;
 color: #003a63; 
 font-size: 0.9em;
 text-align:justify;
 font-style:oblique;
 line-height:1.1em;
 width:23%;
 margin-left: 25px;
 margin-top:7px;
 padding: 8px; 
}