Creating a gradient around a post

Hi all,

I’m trying to make it so that the box containing my posts has a subtle gradient around the edges. I’m trying to use a 1px x 5px .png that goes from dark grey to transparent.

I’ve seen the css3 moz fixes, but they aren’t widely supported, and don’t really seem to apply to what I’m doing.

Any thoughts on how to best do this? This is currently the box that goes around the posts:

.featured-post {
	margin-bottom: 15px;
	background-color:#ddaa11;
	padding:20px;
	border:1px solid #939598;
}

I’m thinking I could have another div wrapping that, but am not sure where to put that div in the index.php code:

<div id="content-wrap">
<div id="content" class="front">
<div class="gap">
  <?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
<?php if (is_paged()) : ?>
<?php $postclass = ('post'); ?>
<?php else : ?>
<?php $postclass = ($post == $posts[0]) ? 'featured-post' : 'post'; ?>
<?php endif; ?>

  <div class="<?php echo $postclass ?>" id="post-<?php the_ID(); ?>">
	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link to','ayumi') ?> <?php the_title(); ?>"><?php the_title(); ?></a> </h2>
	<div class="entry">
      <?php the_excerpt(('More...')); ?>
    </div>

Any ideas would be greatly appreciated.

Thanks!