выравнить css

 <div style="width: 940px; margin: 0pt; line-height: 16px;">
    <div style="width: 940px; height: 337px; overflow: hidden; position: relative; background-color: #ffffff;">
        <ul style="right: 0pt; z-index: 3; width: 305px;">
            <li> <a href="javascript:;"> <span style="margin: 0pt; padding: 7px 0pt 10px; font-size: 13px; text-transform: uppercase; font-weight: bold; display: block;">Услуги адвоката для <br />физических лиц:</span> <span> Каждое частное лицо может обратиться за помощью... </span> </a> </li>
        </ul>
        <!--
        <div id="rotator">-->             
        <ul style="left: 0pt; width: 633px; z-index: 1; height: 319px; position: relative;">
            <li> <a href="services.html"><img style="margin: 0pt; padding: 7px 0pt 10px; font-size: 13px; text-transform: uppercase; font-weight: bold; display: block;" src="images/sample1.jpg" alt="outputimg" /></a> </li>
            <li> <a href="services.html"><img style="margin: 0; padding: 7px 0 10px 0; font-size: 13px; text-transform: uppercase; font-weight: bold; display: block;" src="images/sample2.jpg" alt="outputimg" /></a> </li>
            <li> <a href="services.html"><img style="margin: 0; padding: 7px 0 10px 0; font-size: 13px; text-transform: uppercase; font-weight: bold; display: block;" src="images/sample3.jpg" alt="outputimg" /></a> </li>
        </ul>
    </div>
</div>

float:right;

#rotator {float:left;}