Overridding SharePoint的square.gif和setrect.gif

Question

在一個SharePoint 2007的網站集的定製品牌，我需要改變子彈的圖像。而不是使用<li>標籤，SharePoint 2007中使用表格和圖片如下：

<tr> 
    <td class="ms-vb" style="padding-bottom: 5px;"><img alt="" src="/_layouts/images/square.gif">&nbsp;</td> 
    <td class="ms-vb" style="padding-bottom: 5px; padding-left: 5px;"> 
     <a href="http://stackoverflow.com" onfocus="OnLink(this)">stackoverflow</a> 
    </td> 
</tr> 

和

<tr> 
    <td width="8px" valign="top" nowrap style="padding-top: 5px;" class="ms-descriptiontext"> 
     <img width="5px" height="5px" alt="" src="/_layouts/images/setrect.gif">&nbsp; 
    </td> 
    <td valign="top" style="padding-top: 7px; padding-left: 3px;" class="ms-descriptiontext"> 
     <a href="/_layouts/people.aspx" id="ctl00_PlaceHolderMain_UsersAndPermissions_RptControls_PeopleAndGroups">People and groups</a> 
    </td> 
</tr> 

我唯一的選擇就是CSS。目標瀏覽器是在Quirks模式下的IE8。我不能：

1. 更改開箱即用的圖像，佈局頁，或鏈接schema.xml中
2. 更改母版頁或HTML添加DOCTYPE或者meta標籤
3. 使用JavaScript

我嘗試了以下CSS，但看起來填充被忽略：

td.ms-descriptiontext img, 
td.ms-vb img 
{ 
    background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left; 
    height:5px; 
    padding-right:5px; 
    width:0; 
} 

任何想法？

Answer 1

嘗試：

td.ms-descriptiontext img, 
td.ms-vb img 
{ 
    background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left; 
    display: block; 
    height: 0; 
    padding: 5px 5px 0 0; 
} 

Answer 2

嘗試利潤率，而不是填充？

Answer 3

我做了一個變通的javascript：尋找的img標籤和替換它們的來源：

<script language="javascript" type="text/javascript"> 
var arrElements = document.getElementsByTagName("img"); 
for (var i=0; i<arrElements.length; i++) { 
     //get pointer each image element: 
     var element=arrElements[i]; 
     //check for a source with /images/square.gif from this site: 
     if (element.getAttribute('src') == "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") { 
      //found... change it's src to our new image: 
      element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif'); 
     } 
    }