Gracias, la imágen va asi:
Código HTML:
width="29" height="30"
y el css así:
Código css:
Ver original.menu{width:100%; text-align:center;}
.menu ul{list-style:none;}
.menu ul li{display:inline; padding:5px 10px;}
.menu a{ padding:10px; color:#fff; text-decoration:none;background:url(../images/dot-normal.jpg) no-repeat left 17px; top 10px}
.menu a:hover,.menu a:focus,.menu a:active{ padding:10px; color:#000; text-decoration:underline;background:url(../images/dot-over.jpg) no-repeat left 17px;}
li{font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
y el html:
Código HTML:
<body>
<div id="container">
<div id="header"> <img src="images/logo-index.gif" alt="Logotype" id="logotype" height="82" width="231" />
<p class="church-title" style="display:inline">Sichem SDA Church, Inc.</p>
<br />
<span class="slogan">Everybody is Somebody at Sichem</span>
<div class="menu">
<ul>
<li ><a href="index.html" title="Home Page">Home</a></li>
<li><a href="#" title="Home Page">About us</a></li>
<li><a href="#" title="Home Page"> Mission</a></li>
<li> <a href="#" title="Home Page">Donations</a></li>
<li><a href="#" title="Home Page">Contact us</a></li>
</ul>
</div>
<img src="images/head-img.jpg" id="header-img" alt="Header" />
<br /><br /><br />
</div>
<div id="content">
</div>
</div>
</body> 