CSS悬停在图像上

Question

我悬停文字时会出现缩略图，并且会出现蓝色背景而不是图像。

        <section role="main" id="work">     
            <!--container for isotope -->
            <div id="container" class="clearfix">
                <!--start campaign -->
                <article class="category-campaign item">
                    <a id="dogular_thumb" href="#"><img width="320" height="200" src="images/dogular_thumbnail.jpg" class="attachment-post-thumbnail wp-post-image" alt="placeholder_1" />Dogular</a>
                </article>

CSS

article#dogular_thumb a:hover { 
    width: 320px; 
    height: 200px; 
    background-color: blue; 
}

我在css中尝试了各种方法，但我似乎无法让它工作。那里有任何善良的灵魂 谁知道怎么做？