favorite<http://stackoverflow.com/questions/12639166/css-problems-with-chrome#> 
 

**

I have this page http:/www.digitalking.it/fxmypics which is ok showing in 
IE and Firefox, but i have problems using Chrome.

Seems the css is not applied well, here is the HTML code:

> <div id="slider"> 
> <div class="box1"><?php if (function_exists('easing_slider')){ 
> easing_slider(); }; ?></div>  
>     <div class="box2"><p><a href="<?php echo 
> site_url('/wp-login.php?action=register&redirect_to=' . get_permalink()); ?>" 
> title="Register">REGISTER</a> / <a href="<?php echo wp_login_url(); ?>" 
> title="Login">LOGIN</a></p> 
>     <div class="arrow"><img src="<?php bloginfo('template_directory'); 
> ?>/images/arrow.png" width="22" height="35" /></div> 
>     <div class="upload"><a href="<?php echo get_site_url(); 
> ?>/upload/">UPLOAD</a></div> 
>     </div> 
>     </div> 
>
>
and the following the CSS:

#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; } 
>

Where is the problem?

Thanks

-- 
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: css-design@googlegroups.com
To unsubscribe: css-design-unsubscr...@googlegroups.com

Reply via email to