Drupal的CSS使彼此相鄰的多個div的有形象包裝

Question

我有一個網頁，其中我對設計的佈局非常開心：http://dev.twoggle.com/

然後我把這個變成一個Drupal主題，並插入一些額外的div的inbetween和我正在努力想辦法如何讓我原來的回頭看！ ：dev2.parkingmadeeasy.com.au

ser_text_right類，當我使用Firebug的頁面元素檢查工具將鼠標懸停在它上面時，似乎與ser_image_left類重疊 - 我不知道爲什麼會發生這種情況。

下面是導致我的問題的CSS（當與Drupal的輸出結合時）。

我想將整個ser_text_right類向上移動，但不知道如何？

非常感謝您的幫助， Gvanto

/* 
======================================================================= 
     services-prov 
======================================================================= 
*/ 
.services-pro { 
    background: none repeat scroll 0 0 #f3f3f3; 
    border: 1px solid #A2A1A1; 
    border-radius: 5px 5px 5px 5px; 
    float:left; 
    width:998px; 
} 
.services-pro .ser { 
    float: left; 
    margin: 0; 
    padding: 10px; 
    width: 47%; 
} 

.services-pro .ser img { 
    margin: 0px 10px 10px; 
    padding: 0; 
} 

.services-pro .ser .ser_image_left { 
    float: left; 
    height: 100px; 
} 

.services-pro .ser .ser_text_right { 
    padding:0; 
} 

.services-pro .ser .ser_text_right h4 { 
    padding: 3px 0 0px; 
    font-weight:bold; 
    font-size:14px; 
} 

.services-pro .ser .ser_text_right p { 
    color: #000; 
    margin: 0; 
    padding: 2px; 
    font-size:14px; 
} 

Answer 1

添加到您的CSS：

#block-views-home-slideshow-block { width: 400px; float:right; } 

當然你也可以改變寬度到任何寬度您的圖片。