I have a css syntax error (I believe I do). In my e-mail folders I have customized all my e-mails. The problem is several of my images do not show for HTML emails. The images are uploaded into the public_html>email folder.

Here is my code:

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<base href="https://www.slotmachinedeals.com/" />

<style type="text/css">
body {background-image: url("email/bckgrd.gif"); background-repeat: repeat-x; background-color:#C90016; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a:link {color:#C90016;}
a:hover {color:#FF6600;}
a:visited {color:#C90016;}
.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:738px;}
.header {background-image: url("email/header_bg.gif"); background-repeat: repeat-x repeat-y; font-size:12px; padding:0px; width:738px;}
.content {font-size:12px; padding:5px; width:738px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; text-align:center; width:738px;}
.disclaimer {background-image: url("email/header_bg.gif"); background-repeat: repeat-x repeat-y; background-color:#FFFFFF; border:1px solid #cccccc; font-size:12px; margin-top:10px; padding:5px; width:738px;}
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 {color:#666666; padding:5px;}
.copyright {border-bottom:0px solid #9a9a9a; padding:5px;}
</style>

</head>

<body>
<div class="holder">

  <!-- Header Section -->
  <div class="header">
  <a href="http://www.slotmachinedeals.com/" target="_blank">
  <img src="email/email_header.gif" alt="Slot Machine Deals" /></a>
  </div>
You can see above all the images (body, .header, and .disclaimer) I made bold, do not show in the e-mail. This syntax works in my css stylesheet, I am assuming since this is inline css the context is wrong. Also, is the address pointing to the images correct? The header does show an image (email_header.gif). Any ideas?