Code:
<div id="master" style="margin: 0px auto; padding: 10px; overflow: auto; width: 955px;">
<div id="maindiv" style="border: medium none ; float: right; margin-left: 10px; background-color: rgb(255, 255, 174); width: 700px; min-height: 580px;">
</div>
<div style="float: left;">
<div id="navbar" style="border: medium none ; margin: 0px 0px 10px; float: left; background-color: rgb(255, 204, 0); width: 200px; min-height: 180px;"/>
<div id="picbar" style="border: medium none ; margin: 0px 0px 10px; float: left; background-color: rgb(255, 204, 0); width: 200px; min-height: 390px; overflow-y: scroll;"/>
All your widths, 700 for maindiv, 200 for navbar and pickbar are bigger than the 955 you allowed for the main div.
Shrink one of the box's and it will look like the links you provided.
Wesley