Ho un problema di visualizzazione con Google Chrome (v22...), sembra che non prendi bene le proprietà del foglio di stile, mentre con IE 9 e Firefox 15 tutto ok.

Questo è l'html:

codice:
<div id="slider">
<div class="box1"><?php if (function_exists('easing_slider')){ easing_slider(); }; ?></div> <div class="box2">

REGISTER / LOGIN</p>
<div class="arrow">[img]<?php bloginfo('template_directory'); ?>/images/arrow.png[/img]</div>
<div class="upload">UPLOAD</div> </div>
</div>
</div>
e questo il css:

codice:
#slider  .box1 { width: 490px; float:left;  } 

#slider  .box2 { width: 460px; float:left; }  

#slider  .box2 p { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border1.png) center 0px no-repeat; position: relative; top:-10px; height:40px; padding:14px; }  

#slider  .box2 a:hover { text-decoration: none; } 

#slider .arrow  { text-align: center; position: relative; top:-10px; } 

#slider  .upload  { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border2.png) center 0px no-repeat; position: relative; top:0px; height:25px; padding:14px; } 
#slider  .upload a:hover { text-decoration: none; }
la pagina online è questa: http://www.digitalking.it/fxmypics/

cos'è che non va?