Ti propongo questa soluzione, che puoi studiarti con calma:

<style type="text/css">
#logoalto{
float:left;
width:100px;
}
#logoaltoImg{
width:100px;
}

li {
list-style-type: none;
}

#ul1 {
float:right;
width:200px;
}

#main {
overflow:auto;
}
p{
font-family: arial, Verdana, sans-serif;
color: #900;
text-align: center;
font-size: 50px;
margin-right:0px;
margin-left:0px;
}

#li1, #li2 {
width:30px;
height:30px;
}
</style>
<body>
<div id="logoalto">
[img]chiave2.jpg[/img]
</div>

<div id="ul1">
<ul>
[*][img]anello_nero.jpg[/img]
[*][img]orizzontale_oro_bianco.jpg[/img]
[/list]
</div>

<div id="main">


Primo paragrafo</p>


Secondo paragrafo</p>
</div>
</body>
(Modifica per aggiunta:
le immagini nel mio codice sono delle immagini che avevo e che ho usato come prova ^^")