Wordpress CSS theme modification

Question

I am trying to modify the width of the sidebar given in this theme: http://ericulous.com/2008/09/09/wp-theme-google-chrome/

After modifying the obvious:

/* Sidebar */
.sidebar {
font-size: 1.1em;
margin-top: 25px;
width: 308px;
}

to reflect:

/* Sidebar */
.sidebar {
font-size: 1.1em;
margin-top: 25px;
width: 100px;
}

The page does not look right. To help you visualize the screen, here is a screenshot, and pastebin of style.css.

http://img64.imageshack.us/i/screenshot20110404at253.png/

http://pastebin.com/4ZRa1RVJ

Answer 1

The sidebar contains images called sidebartop.gif and sidebarbottom.gif. These are 308 pixels wide still. You need to shrink them down so that the div can collapse small enough for your content.