main menu next to logo in header

how can i move my main menu next to the logo in header, its the same as we see it in this website(next to yii framework logo menu links are followed). What the CSS i need to add/modify in main.php file

Thanks in advance,


Well here is my solution, it is not perfect but it gives you the right idea. I added the wrapper div and modified the a few other things.



	width: 1000px;

	margin-top: 5px;

	margin-bottom: 5px;

	background: white;

	border: 1px solid #C9E0ED;




	width: 500px;

	margin: 0;

	padding: 0;





	width: 500px;


	background:white url(bg.gif) repeat-x left top;





	width: 1000px;


	border-top: 3px solid #C9E0ED;


Here is my main.php where the code changed:

	<div id="wrapper">

    <div id="header">

		<div id="logo"><?php echo CHtml::encode(Yii::app()->name); ?></div>

	</div><!-- header -->

	<div id="mainmenu">

		<?php $this->widget('zii.widgets.CMenu',array(


				array('label'=>'Home', 'url'=>array('/site/index')),

				array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),

				array('label'=>'Contact', 'url'=>array('/site/contact')),

				array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),

				array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)


		)); ?>

	</div><!-- mainmenu -->


If any one has anything better let me know as am interested as well.