Joachim: Menü-Liste & Safari

Beitrag lesen

Hi,

Über Tips & Ansätze zur Lösung würd' ich mich sehr freuen!

Na denne. Probiers mal etwas andersrum, imho ist Dein Konstrukt etwas um die Ecke gedacht. Beispiel anbei, passt im Safari, FF, IE7 und vermutlich auch IE6, wenn Du die CC ebenso setzt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>

<style type="text/css">
    div {
        width: 400px;
    }
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    li {
        list-style: none;
        margin: 0;
        padding: 0;
        clear: left;
        min-height: 1px;
    }
    ul li a  {
        display: block;
        color: #000;
        padding: 3px;
        background: #e9e9e9;
        text-decoration: none;
    }

ul li a:hover  {
        background: #c8c8c8;
    }
    ul li a span {
        float: left;
        width: 250px;
    }

</style>
<!--[if lte IE 6]>
<style>
    li {
        height: 1px;
    }
</style>
<![endif]-->
</head>
<body>
    <div>
        <ul>
            <li><a href="#"><span>Georgskapelle</span> 2007</li>
            <li><a href="#"><span>Madonnen 21</span> 2006</li>
            <li><a href="#"><span>Zeichnung der Befindlichkeit</span> 2000</li>
            <li><a href="#"><span>Verlassen</span> 1999-2000</li>
        </ul>
    </div>
</body>
</html>

Gruesse, Joachim

--
Am Ende wird alles gut.