Picture library slide show webpart Alignment issues (sharepoint 2010)

The picture library webpart uses the css classes in corev4.css in sharepoint 2010. The web part uses “.ms-WPBody” css class for styling. I over wrote this class in my custom style sheet as “.ms-WPBody.
 So, I wrote my custom css using this class name as follows:





.ms-WPBody.noindex{ font-size:8pt; font-family:"Segoe UI" !important; } .ms-WPBody.noindex table{ font-size:1em; width:100% !important; height:100% !important; } .ms-WPBody.noindex td{ font-size:10pt; font-family:"Segoe UI" !important; width:100% !important; height:200px !important; margin-left:auto !important;margin-right:auto !important; /* text-align:center !important;*/ } .ms-WPBody.noindex td div{ height:auto !important; width:100% !important; text-align:center !important; display:block !important;; } .ms-WPBody.noindex td div span{ width:100% !important; } .ms-WPBody.noindex td img{ height:100% !important; width:100% !important; }




source code like that..

<table>
<tr>
<td>
<div>
<WebPartPages:PictureLibrarySlideshowWebPart>
</WebPartPages:PictureLibrarySlideshowWebPart>
</div>
</td>
</tr>
</table>