Neiseina normaliai isdeliot elementu, logo nestovi kur jam reikia, HTML ir CSS.

Zodziu, bandziau isspresti sita problema jau praktiskai visa valanda. Problema tokia, kad logo nestovi, ten kur turetu, ir be to yra kazkodel pusiau uzdengtas. Gal zinot kame cia suo pakastas? ;)

HTML:

<div id="main">
	<div class="container">
	<div id="header">
		<ul id="menu">
			<li><a href="">Portfolio</a></li>
			<li><a href="">Services</a></li>
			<li><a href="">About</a></li>
			<li><a href="">Testimonials</a></li>
			<li><a href="">Request a Quote</a></li>
		</ul> <!--end of menu-->
		<div id="logo">
			<h1>Creatif</h1>
			<small>A Family of Rockstar Wordpress Themes</small>
			</div>
		</div>
		<div id="block_feature">
		</div> <!--end of block_feature-->

		<div id="block_content">
		</div> <!--end of block_content-->
		</div> <!--end of container-->
</div> <!--end of main-->

<div id="footer">
	<div class="container">

	</div> <!--end of container-->
</div> <!--end of footer-->

CSS:

   body {
   margin:0px; 
   padding:0px;
   background-color:#131211;
   }

   #main {
   background:#c4c0be url(images/background_light_slice.jpg) repeat-x;
   }

   #main .container {
   background-image:url(images/background_light.jpg);
   background-repeat:no-repeat;
   min-height:400px;
   }

   #footer {
   background-image:url(images/background_footer.jpg);
   background-repeat:repeat-x;
   color:white;
   padding:40px;
   }

   .container {
   width:950px;
   margin:0 auto;
   position:relative;
   }

   #header {
   padding-top:20px;
   }

   #logo h1, #logo small {
   margin:0px;
   display:block;
   text-indent:-9999px;
   }

   #logo {
   background-image:url(images/logo.png);
   background-repeat:no-repeat;
   width:194px;
   height:83px;
   position: absolute;
   z-index: 5;
   }

   ul#menu {
   margin:0px; 
   padding:0px;
   position:absolute;
   right:0px;
   }

   ul#menu li {
   display:inline;
   }

   ul#menu {
   margin:0px; 
   padding:0px;
   position:absolute;
   right:0px;
   }

   ul#menu li {
   display:inline;
   margin-left:12px;
   }

   ul#menu li a {
   text-decoration:none;
   color:#716d6a;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   text-transform:uppercase;
   }

   ul#menu li a.active, ul#menu li a:hover {
   color:#211e1e;
   }

Kaip atrodo dabar:

http://i.stack.imgur.com/SKnN5.png

Kaip turetu atrodyt:

http://i.stack.imgur.com/D6ynZ.png

Pamėgink dadėti :

top: xx;
left: xx;
position: absolute;

:)

Sumečiau tavo pateiktą kodą, viskas tvarkingai atvaizduojama su Chrome :)