How can I get an image to fill the rest of the row width?

Giganews Newsgroups
Subject: How can I get an image to fill the rest of the row width?
Posted by:  d…@fivestarterminals.com (d…@fivestarterminals.com)
Date: Sun, 25 May 2008

Hi,

I have four images lined p on a single row.  The HTML code is:

<div id="header">
  <div class="header_image">
      <img id="home_logo" src="images/home_logo.gif" alt="" />
  </div>
  <div class="header_image">
      <img id="acc_spinning_logo" src="images/acc_spinning_logo.gif"
alt="" />
  </div>
  <div class="header_image">
      <img id="acc_logo_end" src="images/acc_logo_end.gif" alt="" />
  </div>
  <div class="header_image" id="header_image_4">
      <img id="title_bar_right" src="images/title_bar_right.gif"
alt="" />
  </div>
</div>

In my CSS file, I use float:left to ensure they appear on the same
row.  My question is, while I want the first three images to appear at
the width they are, I'd like the forth to stretch the rest of the
screen regardless of the screen width.  Can this be done sing CSS?

Thanks,
Don

Replies