Howdy. In your CSS
- margin-left: -40px !important
and
are being interpreted differently by IE7 than other browsers. IE7 is showing your image bullets but they are just out of view.
We can comment the above declarations out and use relative positioning instead of negative margins to move the list to the left, and this was agreeable to IE7 and others. Here was my example, with just your list and its CSS:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
ul
{
position: relative;
right: 40px;
/*margin-left: -40px !important;*/
text-align: left;
/*margin: 0px auto;*/
margin-top: 8px;
margin-bottom: 6px;
padding: 0px auto;
list-style:none;
}
ul li
{
font-size:9pt;
padding-left: 6px;
background-image: url(dot.gif);
background-repeat: no-repeat;
background-position: left center;
color: #5872A0;
}
</style>
</head>
<body>
<h3>Welcome To Hawkins Hearing Center</h3>
<p>Our mission at Hawkins Hearing Center is to help you enjoy the sounds of life. We have the solution for almost any situation:</p>
<ul>
<li>People who have begun having difficulty following conversations</li>
<li>Musicians who need to hear their instruments and the rest of the band better without damaging their hearing</li>
<li>Swimmers who need to protect their ears from water</li>
<li>Music lovers who want to hear their mp3 players better</li>
<li>Cell phone users who want custom fit earpieces for their phones</li>
<li>Concert-goers who want to enjoy the music without distortion while still protecting their hearing</li>
</ul>
<p>Call today for more information or to schedule an appointment. At Hawkins Hearing Center, we always provide sound advice about your hearing.</p>
</body>
</html>
[/HTML]
I'm not sure how removing the the two lines above will affect your overall design but it shouldn't be much.
2
