Salve a tutti, spero possiate aiutarmi... ho il seguente problema... Io vorrei mettere come sfondo un'immagine e metterla a sinistra e in basso del mio div. Nello stesso div a destro ho una lista ( menù orizzontale). Non riesco a far visualizzare questa benedetta immagine ( che poi sarebbe il logo...). Potete aiutarmi? ecco il codice:

HTML:
<header>
<div id="up">
<nav>
<ul id="menu">
<li id="nav1"><a href="News.html">Home</a></li>
<li id="nav2"><a href="News.html">Altre cose</a></li>
<li id="nav3"><a href="Services.html">Progetti</a></li>
<li id="nav4"><a href="Products.html">Contatti</a></li>
</ul>
</nav>
</div>
</header>

NEL CSS:

body{
width:100%;
margin:0 auto;
position:relative;
background-color:#FFF;}

/*inizio parte header*/

header{ min-height:130px;}

#up{width:960px; margin:0 auto; background-image:url(../images/log.jpg); background-repeat:no-repeat;}

#menu {float:right; padding-top:10px;}

#menu li {
list-style: none outside none;
float: left;
text-align: center;
color: #999;
width: auto;
margin-right: 2px;
padding-left: 5px;}

#menu li:first-letter{font-size:120%;}

#menu li a{
display: block;
line-height: 1em;
color: inherit;
padding-bottom: 10px;
text-transform: uppercase;
text-decoration: none;
height: 90px;
font-style: normal;
font-weight: 700;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}


Grazie mille!!