i am going to pull my hair out right now.

[tonynoriega]

why...why...why....

#left_col_logo{
width:213px;
height:229px;
background: url(../images/left_col_logo_bground.gif);
}
#left_col_info{
width:213px;
height:309px;
background: url(../images/left_col_info_bground.gif);

On my www.mysite.com/index.html page, the background image shows up fine on both DIV ID's...

On my www.mysite.com/otherpage/index.html the #left_col_logo does not show the background but the left_col_info does...

why would that be....?

[Xapti]

Verify ALL the paths mentioned for the images (and depending on which you prefer, ensure you're using absolute or relative paths), and make sure the images are in the right spot.
You can also try clearing cache maybe.

[rocknbil]

On my www.mysite.com/index.html
...On my www.mysite.com/otherpage/index.html

In both cases, try dropping the ".." A beginning forward slash basically means wherever this CSS file is, start at the domain root:

background: url(/images/left_col_logo_bground.gif);
background: url(/images/left_col_info_bground.gif);

So you can have
image directory: /images
/css/my.css
/other_directory/index.html
/other_directory/some_other_directory/index.html

And if you link BOTH of those index.html files like so

<link rel="stylesheet" type="text/css" href="/css/my.css">

The CSS will always find the images from root.