Hjælp til position ontop of other element

Hej Eksperter!

Jeg har et billede element som flyder, og neden under har jeg min ul menu som gerne skulle flyde oven på billedet. Umiddelbart nu kan jeg kun få menuen til at placere sig nedenfor billedet? Hvordan flytter jeg det ovenpå?

<a href="index.html"><img class="fleft" alt="" src="images/top.jpg"></a>

<ul id="ulMenu">
    <li class=""><a title="" href="#">Information</a></li>
    <li class=""><a title="" href="#">Galleri</a></li>
    <li class=""><a title="" href="#">Program</a></li>
    <li class=""><a title="" href="#">Arrangement</a></li>
    <li class=""><a title="" href="#">Historie</a></li>
    <li class="selected"><a title="" href="#">Forside</a></li>
</ul>

.fleft {
    float: left;
    }

#ulMenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#ulMenu li {
    list-style: none;
    float: right;
    margin-left: 4px;
    margin-top: 30px;
    margin-bottom: 6px;
}

#ulMenu li a {
    color: #fff;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    background: #ad7281;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
}

#ulMenu li a:hover {
    background: #821d1d;
}

#ulMenu li.selected a {
    background: #821d1d;
}

#ulMenu li.selected a:hover {
    background: #821d1d;
}


På forhånd mange tak .- )