How do I modify the logo and header position in CSS

[alex77]

Hi

M aybe this is a dumb question but how do I modify the layout so the logo is one line and there is a break and the next line in the header-right?

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}
div#logo {
   float: left;
   width: 27%;
   margin-top: 1em
}
#header_right {
   float: left;
   margin-bottom: 15px;
   width: 73%;
   text-align: right
}

Help a newb out PLEASE

[rocky]

Add clear: left to #header_right

[Pshopic]

It will be helpful if you decrease width of #header_right about 1-2%.

[alex77]

Thank you everyone. I will try these options,