CSS固定選單後，捲軸無效，該如何解？

(業主表示不要有RWD，要用平版及手機上一樣是PC形式，並要求不要用100%縮來縮去)

請問用css將menu置頂固定，滑動下方網頁內容時不會不見，直接固定在上方，例如：

#navbar_area(外框) {
width: 100%;
margin: 0 auto;
z-index: 8888888889;
position: fixed;
display: block;
}
.navbar(被外框包住的選單) {
width: 1230px;
max-width: 1230px;
}


後來發現用筆電看頁面時，會出現捲軸(正常)，例如:

body {
overflow-x: auto;
}


但是上面的選單不會像頁面一樣拉左右捲軸就看得到左右兩邊的內容，
直接鎖死了…表示使用者用筆電的話，根本無法用被遮住的選單…

有試著將
.navbar(被外框包住的選單) {
width: 100%;
max-width: 1230px;
}

裡面的小選單設%做縮放，但是到一個層度時，選單一樣會被壓縮或斷行…




請問各位高手大大們，有什麼建議，或是怎麼處理比較好呢？