AYUDA LO MAS RAPIDO QUE PUEDAN: PROBLEMA CON CSS:

Kangui3 · 10 Sep 2009, 11:07 · Solicitar retirada

En mi web, es de una empresa, y a mi lo que me pasa es que quiero poner el logo encima de un encabezado, en la banda izquierda, y no quiero que se me pegue, a la foto que tengo tambien por debajo.
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>AC SERVEIS-Home</title>
<meta name="keywords" content="posarna alguna" />
<meta name="description" content="posariunalinia" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="menu">
<ul>

Home
<li class="current_page_item">Asesoria

Servicios immobiliarios

Seguros

Contactar

</div>
<div id="logo">

[contenido no disponible]</p>
<h2>Los profesionales más cerca de tí</h2>
</div>
<div id="splash">
[contenido no disponible]
</div>
<hr />
<div id="page">
<div id="content">
<div class="post">
<h2 class="title"><h2>Bienvenidos a AC SERVEIS</h2>
<div class="entry">

This is Collaboration, a free, fully standards-compliant CSS template designed by Free CSS Templates, released for free under the Creative Commons Attribution 2.5 license. You're free to use this template for anything as long as you link back to my site. Enjoy :)</p>

This template is also available as a WordPress theme at Free WordPress Themes.</p>
</div>
<p class="meta"><span class="posted">Posted by Someone on January 2, 2007</span> Read more Comments (18) </p>
</div>
<div class="post">
<h2 class="title">Sapien sed varius</h2>
<div class="entry">

Morbi sit amet mauris. Nam vitae nibh eu sapien dictum pharetra. Vestibulum elementum neque vel lacus. Proin auctor dolor et massa. Phasellus sit amet velit. Vestibulum vel lacus vitae tortor consectetuer sapien semper dictum. Integer est felis, facilisis quis, lacinia sed, lacinia et, augue. Vivamus ultrices lacinia urna. Proin varius sollicitudin nunc. Vivamus condimentum, dui nec imperdiet porta, odio risus molestie nisl, nec laoreet purus sapien a massa.</p>
</div>
<p class="meta"><span class="posted">Posted by Someone on December 13, 2007</span> Read more Comments (18) . </p>
</div>
</div>

<div id="sidebar">
<ul>
<li id="search">
<h2>Búsqueda</h2>
<form id="searchform" method="get" action="">
<div>
<input type="text" name="s" id="s" size="15" />

<input name="submit" type="submit" value="Buscar" />
</div>
</form>

</div>

</div>

<div id="footer">

(c) 2007 Website Name. Designed by Free CSS Templates.</p>
</div>
</body>
</html>
CSS:
body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #737373;
}

form {
margin: 0;
padding: 0;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1em;
}

p, ul, ol {
margin-bottom: 1.8em;
line-height: 160%;
}

ul, ol {
}

blockquote {
}

a {
color: #414141;
}

a:hover {
text-decoration: none;
}

hr {
display: none;
}

/* Menu */

#menu {
width: 960px;
height: 45px;
margin: 0 auto;
padding: 0px 0;
background: url(images/img02.jpg) no-repeat center top;
}

#menu ul {
height: 45px;
margin: 0;
padding: 0;
background: url(images/img03.gif) no-repeat;
list-style: none;
}

#menu li {
float: left;
height: 45px;
background: url(images/img03.gif) no-repeat right top;
}

#menu a {
float: left;
height: 20px;
margin: 0px;
padding: 10px 15px;
text-decoration: none;
text-transform: uppercase;
font-size: smaller;
font-weight: bold;
color: #000000;
}

#menu a:hover {
background: url(images/img02.gif) repeat-x;
color: #FFFFFF;
height: 45px;
}

#menu .current_page_item a {
height: 45px;
color: #FFFFFF;
}

/* Splash */

#splash {
width: 960px;
height: 200px;
margin: 0 auto;
}

/* Logo */

#logo {
width: 960px;
height: 91px;
margin: 0 auto;
border-bottom: 6px solid #3F3F3F;
color: #414141;
}

#logo h1, #logo h2 {
margin: 0;
padding: 0 20px;
}

#logo h1 {
float: left;
padding-top: 30px;
letter-spacing: -3px;
text-transform: uppercase;
font-size: 3em;
}

#logo h2 {
float: right;
padding-top: 49px;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
}

#logo a {
text-decoration: none;
color: #414141;
}

/* Page */

#page {
width: 960px;
margin: 0 auto;
padding: 30px;
}

/* Content */

#content {
float: right;
width: 680px;
}

.post {
padding-bottom: 20px;
}

.post .title {
margin: 0;
padding: 5px 20px;
letter-spacing: -2px;
border-bottom: 1px dashed #B9B9B9;
text-transform: uppercase;
font-size: 24px;
}

.post .title a {
text-decoration: none;
}

.post .entry {
padding: 10px 20px;
}

.post .meta {
height: 26px;
background: #F5F5F5;
border-top: 1px solid #E9E9E9;
text-decoration: none;
text-transform: uppercase;
font-size: smaller;
}

.post .posted {
float: left;
height: 16px;
padding: 5px 20px;
}

.post .permalink, .post .comments {
float: right;
height: 16px;
padding: 5px 20px;
}

.post .permalink {
}

/* Sidebar */

#sidebar {
float: left;
width: 250px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin-bottom: 20px;
}

#sidebar li ul {
padding: 20px;
}

#sidebar li li {
margin: 0;
padding-left: 10px;
padding-bottom: 5px;
background: url(images/img04.gif) no-repeat left 50%;
}

#sidebar p {
padding: 0 20px;
}

#sidebar h2 {
height: 20px;
margin: 0;
padding: 6px 0 0 20px;
background: url(images/img07.jpg) no-repeat;
border-bottom: 1px dashed #B9B9B9;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #000000;
}

/* Search */

#search form {
padding: 20px;
}

#search br {
display: none;
}

#search #s {
width: 135px;
}

/* Footer */

#footer {
clear: both;
width: 960px;
height: 50px;
margin: 0 auto;
padding: 20px 0;
border-top: 6px solid #3F3F3F;
font-size: smaller;
}

#footer p {
margin: 0;
text-align: center;
line-height: normal;
}
#img logo {border-top:3px; border-bottom: 5px; padding: 5px}