html - floating to right div not showing chosen width -

i have div floating right width of 740px set in css. displaying in browser don't see 740px width, going wrong? placing h1 text inside doesn't make div 740px wide; shows width of text.

while making float left, has total width of 740px. missing here of concept of floating?

<div id='banner'>   <h1>website title</h1> </div>  div#banner {    padding: 0px; margin: 5px;   border-style: solid; border-width: 1px; border-color: blue;  width: 740 px; height: 310 px; display: inline-block; float: right; text-align:left; } 

i can fix use of min-width, feels more fix solving problem why div isn't @ 740px wide.

thanks helping!

your css problem use width: 740 px; height: 310 px;

please remove space 740 , px

and use width:740px; & height:310px;

try this

http://jsfiddle.net/7ccdk/2/

div#banner {    padding: 0px; margin: 5px;   border-style: solid; border-width: 1px; border-color: blue;  width: 740px; height: 310px; display: inline-block; float: right; text-align:left; }