क्षैतिज रूप से स्क्रॉल करते समय टूलबार यथावत नहीं रहेगा

मैं ट्विटर के समान टूलबार बनाने की कोशिश कर रहा हूं। समस्या तब होती है जब ब्राउज़र पर्याप्त चौड़ा नहीं होता है और मैं क्षैतिज रूप से रखने के बजाय टूलबार की तरफ स्क्रॉल करता हूं ताकि बाईं ओर स्क्रॉलिंग टूलबार के छिपे हुए हिस्से को न दिखाए।

मुझे वह प्रभाव कैसे मिलेगा जो मैं चाहता हूँ?

मेरा सीएसएस:

.toolbar {
    visibility: visible;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 22px;
    background: black;
    color: white;
    padding: 2px;
    text-align: left;
    font-size: 1.1em;
    border-bottom: 3px ridge #dddddd;
}

उदाहरण: http://t2.technion.ac.il/~snayish/m/toolbar .html

सीएसएस: http://t2.technion.ac.il/~snayish/m/style .css