哪位大神帮我看看loding那张图片为什么不居中，而且一直有，这是则么么回事
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/main1.css" type="text/css" rel="stylesheet" />
<script src="js/myfocus-2.0.1.min.js" type="text/jscript" ></script>
<script src="js/mf-pattern/mF_fancy.js" type="text/jscript"></script>
<link href="js/mf-pattern/mF_fancy.css" type="text/css" rel="stylesheet" />
<script type="text/jscript">
myFocus.set({id:'picBox'})
</script>
</head>
<body>
<div class="wrap">
<div class="top">
<img src="img/logo.jpg" alt="慕课网"/>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品特色</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">产品价格</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div><!--头部-->
<div class="ad" id="picBox">
<div><img src="img/loading.gif" alt="加载中" /></div>
<div class="pic">
<ul>
<li><img src="img/ad2.jpg" /></li>
<li><img src="img/ad3.jpg" /></li>
<li><img src="img/ad4.jpg" /></li>
</ul>
</div>
</div>
</div>
</body>
</html>
