Image en background .css n'affiche pas

Bonjour,
impossible a comprendre, lundi matin, mon image de fond ne s'affiche plus.
Comme j'ai "bidouiller"pas mal dans la nuit, j'ai recharge une ancienne version .css, idem.
- mon image est toujours sur le serveur
- le css est remplace par une version de sauvegarde
- mon appel de .css dans le html semble correct

Toujours pas d'image, peut importe je le reecris mais meme chose.

Quelqu'un a une idee merci d'avance!

Mon .css , pour /*MAIN IMAGE*/

Regis, pas besoin de telecharger le systeme pour acceder aux post et rapports:
MEMBER AREA (haut droite), cliquer sur "live Trader" ou "Reports". Telecharger seulement pour alertes en temps reel.


@charset "UTF-8";
@import url("reset-min.css"); /* Reset all CSS Styles */

/* GENERAL STYLES */
body{
font: 70%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
color: #333;
background: #fff }
a{text-decoration: none;color: #036db4;}
a:hover{color: #ff9900;}
.hide,hr{display: none;}
strong{font-weight: bold;}
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right;}



h3 a {color:#5b8ca1;}
h4 { color:#036db4; font-size:1.7em; margin-bottom:14px; }
h6 { color:#002a54; font-size:1.7em; margin-bottom:16px; border-bottom: 1px solid #ccc; line-height:26px;}
h5 { font-size:1em; margin-bottom:16px; font-weight:normal;}

/* LAYOUT - the main layout styles */

/* CONTAINER */
#container{ width: 820px; margin: 0px auto 0 auto; background: #fff; padding-bottom:10px; overflow:hidden;}

/* HEADER */
/* Logo and Header Navigation*/
#header{ width: 820px; padding: 0px 0px 7px 0px;}
#header_nav li{ float: right; height: 30px; padding:7px 10px 0 0;}
.logo{ display: block; width: 383px; height: 93px;}

/* TOP NAVIGATION */
#navigation_wrapper{ background: url(../images/nav_bg.gif) 0 0 repeat-x; height: 46px; width: 820px; margin: 0px auto 0px auto; overflow: hidden; }
#navigation{ float: left; height: 46px; }
#navigation li{ float: left; background: url(../images/nav_divider.jpg) 0 0 no-repeat; }
#navigation li a{ float: left; padding: 12px 23px 0 23px; height: 46px; font-weight: bold; color: #ffffff; text-transform:uppercase; }
#navigation li a:hover{ color: #5893cc; }

/* GET MORE INFO BUTTON */
#nav_button{ float: right; height: 30px; padding:7px 30px 0 0; }

/* MAIN IMAGE */
#main_image {background-image: url(main_image_bg.jpg) no-repeat; width:820px; position: relative; margin: 0 auto; }
#main_image .column1 { margin: 0; width: 600px; height: 245px; overflow: hidden;}
#main_image .column2{ float: right; margin: 0; width: 190px; height: 245px; overflow: hidden;}


Mon HTML

<link href="stylesheets/styles.css" rel="stylesheet" type="text/css">
</head>
!-- Main Image -->
<div id="main_image">
<div class="main_image column2">


J'ai remarque que la section MAIN IMAGE ne faisait aucune reference a une image donc j'ai modifie la css comme suit -ce n'est pas moi qui l'ai ecrite, je n'y connais pas grand chose et ne sait pas ce que j'ai modifier par erreur..

/* MAIN IMAGE */
#main_image {width:820px; position: relative; margin: 0 auto; background: #fffccc}
#main_image .column1 { background-image: url(/images/main_image_bg.jpg) no-repeat; margin: 0; width: 600px; height: 245px; overflow: hidden;}
#main_image .column2 {background: url(/images/bluline.jpg) no-repeat; float: right; margin: 0; width: 190px; height: 245px; overflow: hidden;}

et mes images ne s'affiche pas.
Bref je n'en peu plus, un ptit coup d'aide ce serait fantastique