After designing the website for the law firm I work for, I noticed that the three column design does some wacky stuff when I shrink the browser. Can anyone tell me what my problem may be?

Thanks.

Defining "wacky stuff" might help a little And a link would be even better.

wacky?? what is that.. as my M8 chroder pointed out,, a link would be nice or the code..

Oops, sorry guys. Here.

#navbar
{
background-color: rgb(9,51,121);
position: absolute;
top: 79px;
border-top: 1px solid white;
font: 10px verdana;
color: #C0C0C0;
padding: 2px;
margin: 0px;
width: 1020px;

}


width : u dont need to give such a big width.. tats y ur layout is breaking..

obviously u got a bigger resolution so it will look alrite .. but when the screen size gets lesser, u layout stars to do nice little wacky things..

adjust that and u will c most of ur problems will disappear..


also i noticed u fonts are very very small.. i couldnt even make out what you had written.. maybe increasing the font size will help..

I agree with Praveen that your text should be made a little larger as it it completly unreadable.
I don't think your problem is the fact that your navbar width is set that wide though.my site has a banner graphic a few pixels smaller than that and it doesn't exibit that behavior.
I think the problem has to do with the javascript you are running in your "right side bar" div :

var id=document.getElementById("div_n4s");
id.innerHTML="<table width=200 bgcolor=#FFFFFF cellspacing=0 cellpadding=4><tr><td bgcolor=rgb(9,52,121) width=50%>

I'm no expert on Java,but that section I just highlighted is the only part of your coding that has a relative value rather than an absolute.
Also i wanted to add that your site rendered best in my "nerd browser" opera.
I hope that helps.