Move header out of contentcontainer to get 100% width

Hi! I need some help with my site, because I`m not to good with html/css; the body of the site looks ok, but I want my header to fill the entire top of the screen, i.e. 100% width. I was told to move the header out of the content container, but I cant figure how to do it. I also tried to move the #header out of the body, but it`s still the same. So what do I do?

Here`s the template I use.. Naussica, the orange one.

Anyone?

 

If I'm understanding this correctly, you want the header to stretch 100% of the width... If that's the case...

Move the following code:

<!-- Top Starts -->
	<div id="top-out">
		<div id="top">
		<!-- Page Nav Starts -->

			<div id="page_navi" class="wrap">
				<div class="col-left">
					<ul id="nav">
												<li class="page_item"><a href="http://www.butterflymedia.ro">Home</a></li>
						<li class="page_item page-item-3"><a href="http://www.butterflymedia.ro/about/" title="Cine suntem?">Cine suntem?</a></li>
<li class="page_item page-item-175"><a href="http://www.butterflymedia.ro/products/" title="Products">Products</a></li>
<li class="page_item page-item-4"><a href="http://www.butterflymedia.ro/services/" title="Servicii">Servicii</a></li>
<li class="page_item page-item-7"><a href="http://www.butterflymedia.ro/portfolio/" title="Portfolio">Portfolio</a></li>

<li class="page_item page-item-9"><a href="http://www.butterflymedia.ro/gallery/" title="Gallery">Gallery</a></li>
<li class="page_item page-item-5"><a href="http://www.butterflymedia.ro/contact/" title="Contact">Contact</a></li>
<li class="page_item page-item-32"><a href="http://www.butterflymedia.ro/studios/" title="Studios">Studios</a></li>
<li class="page_item page-item-158 current_page_item"><a href="http://www.butterflymedia.ro/themes/" title="Themes">Themes</a></li>
						<li class="page_item"><a href="http://blog.butterflymedia.ro/">Blog</a></li>
					</ul>
				</div>
				<div class="col-right">

					<ul class="rss">
						<li><a href="http://www.butterflymedia.ro/feed/">Posts</a></li>
						<li><a href="http://www.butterflymedia.ro/comments/feed/">Comments</a></li>
						<li class="last"><a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=" target="_blank">Email</a></li>
					</ul>
				</div>
			</div>

			<!-- Page Nav Ends -->
			<div id="header">
				<a href="http://www.butterflymedia.ro" title="X4 - Design Inteligent"><img class="title" src="http://www.butterflymedia.ro/wp-content/themes/busybee/images/logo-trans.png" alt="Butterfly Media Romania" /></a>
				<h1><a href="http://www.butterflymedia.ro">Butterfly Media Romania</a></h1>
				
				<!-- Top Ad Starts -->
								<!-- Top Ad Ends -->
				
			</div>
			<!-- Category Nav Starts -->

			<div id="cat_navi" class="wrap">
				<ul id="secnav">
					
										<li><a href="http://www.butterflymedia.ro">Acasa<br /><span></span></a></li>
					
					  
                    <li>
                        <a href="http://www.butterflymedia.ro/category/featured/">Featured<br/> <span></span></a>
                        
                                            </li>
	
					  
                    <li>

                        <a href="http://www.butterflymedia.ro/category/news/">News<br/> <span></span></a>
                        
                                            </li>
	
					  
                    <li>
                        <a href="http://www.butterflymedia.ro/category/products/">Products<br/> <span></span></a>
                        
                                            </li>
	
					  
                    <li>
                        <a href="http://www.butterflymedia.ro/category/wordpress-themes/">WordPress Themes<br/> <span></span></a>

                        
                                            </li>
	
					                    
				</ul>
			</div>
			<!-- Category Nav Ends -->
		</div>
	</div>
	<!-- Top Ends -->

Code (markup):

Above the following line:

<div id="wrap">

Code (markup):

That will take it out of it's container thus allowing you to stretch it to whatever width you wish...

 

Am I supposed to insert that code, or move it from somewhere else in one of the documents? Because I couldn`t find it anywhere (in the templates or the style sheet).

 

Can someone enlighten me here, please.

 

I could really use some help with this.