CSS 格 :hover with transition only applying to one element?

Question

出于某种原因，当我设置一个过渡时，当我的鼠标悬停在一个元素上时，背景会改变颜色，它只适用于一个元素，但它们都共享同一个类？任何帮助我的 CSS

.outer_ad
{
    position:relative;
    background:#E6E6E6;;
    display:inline-block;
    border: 1px solid black;
    z-index:0;
    transition: background 1s;
    -webkit-transition: background 1s; /* Safari */
}

.outer_ad:hover
{
    z-index:1;
    background: blue;
}

一把 fiddle http://jsfiddle.net/P26tf/

Answer 1

定位 <div>标签更具体。参见 http://jsfiddle.net/P26tf/1/ :

#main .outer_ad
{
    position:relative;
    background:#E6E6E6;;
    display:inline-block;
    border: 1px solid black;
    z-index:0;
    transition: background 1s;
    -webkit-transition: background 1s; /* Safari */
}

#main .outer_ad:hover
{
    z-index:1;
    background: blue;
}