Hi guys, how are you all.
I need to float two divs on right side but below div of menu is not doing so while the other of phone number have floated.
Code:
<html>
	<head>
    	<title>
        	Get All Internet Services
        </title>
<style type="text/css" >
#container{/*container div*/
	margin:auto;
	border:solid black 1px;
	height:1280px;
	width:1024px;
	}
#header{/*container div, this div have phone div and menu div*/
	float:right;
	border:solid 1px;
	height:10%;
	width:100%
	}
	#headerimg{/*logo image div*/
		height:100%;
		width:17%;
		background:#0F6;
		border:1px solid;
		float:left;
		margin:0 0 0 0;
		}
#phonelinks{/*phone div in header div*/
	float:right;
	width:35%;
	height:20%;
	border:1px solid;
	margin:0 0 0 0; 
	}
#menu{/*this is manu div */
	height:25%;
	border:solid 1px;
	float:right;
	margin:0 0 0 50%;
	
	}	
#menu ul li{/* <ul> containing menu items*/
	color:#000;
	list-style:none;
	display:inline;
	}			
 </style>
    </head>
    <body>
    	<div id="container">
        	<div id="header">
            		<div id="headerimg">image
                    	<a href="#"><img src="#"/></a>
                    </div>
					<div id="phonelinks">
                    	phone number<!--phone div-->
                    </div>
                <div id="menu">
            		<ul><!--menu div-->
                		<li>HOME</li>|
                        <li>PORTFOLIO</li>|
                        <li>ABOUT</li>|
                        <li>BLOG</li>|
                        <li>CONTACT</li>|
                        <li>FEATURES</li>
                	</ul>
              	</div>
            
            </div>
		</div>
    </body>
</html>