nicht angemeldet
Hallo, ich habe ein Problem mit der korrekten Darstellung eines Menüs in Safari - vielleicht kann mir jemand den Grund erklären, warum die Darstellung der Listen Elemente in Safari verschoben werden:
URL:
http://u0063776338.user.hosting-agency.de/index.php?id=19
Screenshot (Safari):
http://img512.imageshack.us/img512/7778/safariym7.jpg
HTML:
<div id="content_list_menu">
<ul>
<li><a href="georgskapelle.htm" title="Georgskapelle">Georgskapelle<span>2007</span></a>
</li>
</ul>
</div>
CSS:
#content_list_menu {
font-size: 12px;
line-height: 12px;
}
#content_list_menu ul {
list-style-type: none;
list-style-position: outside;
}
#content_list_menu li {
margin: 0 0 12px -40px;
}
#content_list_menu a {
display: block;
width: 494px;
padding: 4px 0 8px 24px;
font-size: 12px;
color: #000;
text-decoration: none;
}
/* StarHTML-Hack for correct display in IE6 */
* html #content_list_menu a {
width: 518px;
padding: 4px 0 0 24px;
line-height:12px;
}
#content_list_menu a:hover {
background: #b5b9a4 url(../images/elements/content_list_bg_select.gif);
}
#content_list_menu span {
float: left;
position: relative;
left: 252px;
top: -1em;
}
Über Tips & Ansätze zur Lösung würd' ich mich sehr freuen!