due div affiancati ma non coprono tutta la pagin

[giovivent]

Ciao a tutti, ho questo problema con questo css.
Praticamente i due div si affiancano ma quello di destra non arriva sino in fondo a destra ma rimane leggermente staccato dal bordo destro della pagina

come potete vedere la linea bianca non arriva completamente a dx

html,body{
    width:100%;
	height:100%;
    margin:0;
	padding: 0;
	line-height: 1.5em;
	font-family: "Century Gothic";
	font-size: 0.9em;
	background-color:#A9A697;
	overflow-x: hidden; 
	overflow-y: hidden;
	
}

a { text-decoration:none;color: #FFF;font-family: "century gothic";}
a:hover { color: #black;}

#sx_top { 
display:inline;
float:left;
width:300px;
height:35px;
background-color:#9B9885;
border-bottom:white;
border-bottom-style: solid;
border-bottom-width: 1px;
}

#dx_top {
display:inline;
float:left;
width:75%;
height:35px;
margin-left:0;
background-color:#A9A697;
border-bottom:white;
border-bottom-style: solid;
border-bottom-width: 1px;
}