Question

i have some problems with styling an UL as navigation bar (sorry for this question, but iam a developer, not designer..)

The Problem occours in Safari on Mac (FF is working fine) See first picture (FF)

Css:

.multiPoint {
    list-style-image:url(../images/punkte.jpg); }

.directionRight{
    direction:rtl;
    padding-right:3em;
    margin-right:0.5em;
}

#navigation {
    text-align: left;
}

HTML:

<div id="navigation" class="span-6 directionRight">
    <ul>
    <li class="multiPoint">Sie</li>
    </ul>
</div>

Answer 1

Try updating your multiPoint class style as follows:

.multiPoint {
   list-style-image:url(../images/punkte.jpg);
   list-style-position: inside;
}

That will tell the browser to position your bullet images inside the list instead of outside.