bxsliderの画像が左によってしまう

質問

お知恵を拝借したく書き込みします。
とあるWebページを編集しているのですが、どうしてもbxsliderの画像が左によってしまう現象が発生しています。
index.htmlに対してbaseとindexふたつのCSSで制御しているようなのですが、baseの中にはいっているtext aling=leftが原因で左にずれてしまうことまでは突き止めました。
htmlは

<div class="top">
<ul class="bxslider">
<li><img src="images/top7.jpg" name="top" width="842" height="482" /></li>
<li><img src="images/top6.jpg" name="top" width="842" height="482" /></li>
</ul>
</div>

このように記載しています。
base.cssの記述をcenterに変えると他のページのテキストまで中央揃えになってしまいました＾＾；
どのようにすればこの部分だけ中央揃えにできますか？
他に必要な情報はありますでしょうか？

ご回答宜しくお願いします。

回答No.1

drofxo · ベストアンサー

>base.cssの記述をcenterに変えると他のページのテキストまで中央揃えになってしまいました＾＾；
base.cssにどんな記述をされているのかがさっぱりわかりませんが...
liをブロック要素にして、センタリングすれば良いと思います。

例）
.bxslider ul li{display:block; margin:0 auto;}

参考URL：

http://www.css-lecture.com/log/css-beginner/026.html

補足

ご回答ありがとうございます。
base.cssの怪しい部分は以下のようになります。

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
text-align: left;
}
怪しい知識で他人の作った物を修正していますので、四苦八苦しています＾＾；；；；