I have created a box and in which i us list style <ul> to create a list. Know when i put my text under <ul><li> it moves little bit right. I try several things to move it back little bit towards left side bit can’t figure it out.

I am placing css code and html. Looking for help.

CSS CODE:

.servicesbox
{
float:left;
width:292px;
margin-left:11px;
margin-right:-300px;
}
.servicestext
{
float:left;
font-size:11px;
width:285px;

}
.listline
{
list-style:none;
background-image:url(images/dotsline.jpg);
height:1px;

}

HTML CODE:

<div class=“servicesbox”>
        <div class=“welcomeheading”>Professional Services</div>
          <hr >
          Money Recovery Australia is committed to reunite rightful owners with their money!. We specialise in recovering unclaimed money with regard to unclaimed

                <div class=“servicestext”>
                  <ul>
                      <li>Deposits and Bonds – Electricity, Water, Telephone</li>
                      <li class=“listline”></li>                     
                      <li>Council Deposits and Rental Bonds</li>
                      <li class=“listline”></li>                     
                      <li>Unclaimed Banks and Savings Accounts funds</li>
                      <li class=“listline”></li>                     
                      <li>Unclaimed Deposits and Bonds</li>
                      <li class=“listline”></li>                     
                      <li>Unclaimed Council deposits and Rental bonds</li>
                      <li class=“listline”></li>                     
                      <li>Unclaimed Banks and Savings Accounts funds</li>
                  </ul>
                 
                </div>
          </div>
        </div>

Thanks
Kaleem