#menu ul {
float: left;
width: 20%;
list-style-type: none;
}
Benutz doch bitte die Möglichkeit der Quelltexthervorhebung.
> #menu > ul ul {  
> float: left;  
> width: 100%;  
> list-style-type: none;  
> }
Die float- und list-style-type-Angaben sind unnötig, da sie schon von der ersten Regel gesetzt werden.
Zu 2) #content hatte ein border-left mit 1px das hab ich jetzt auf 0 gesetzt erstmal. 100% + 1px sind auf jeden Fall zu viel.
-> Derzeit kein horizontaler Scrollbalken mehr vorhanden.
Wenn du deinen 1px-Rahmen behalten willst, müsstest du das box-sizing auf border-box setzen.
MfG
bubble
-- 
If "god" had intended us to drink beer, he would have given us stomachs. - David Daye
  If "god" had intended us to drink beer, he would have given us stomachs. - David Daye