chodzi o przeniesienie pliku graficznego main_3.jpg znajdującego się w index.php do pliku css

strona wygląda tak


index.php
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4.     <title>Solid-Bud :: Skład Budowlany</title>
  5.     <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  6.     <meta http-equiv="Reply-to" content="info@eslupsk.pl" />
  7.     <meta name="Keywords" content="skład budowlany" />
  8.     <meta name="Description" content="Solid-Bud Skład Budowlany" />
  9.     <meta name="Author" content="Studio Reklamy 'Best Media' - www.bestmedia.eslupsk.pl" />
  10.     <meta name="Robots" content="ALL" />
  11.     <meta name="gmapkey" content="ABQIAAAAqDElsylsdm0W2YTwUErPsxRKmFnlybFUfoylvRaHHluEvt93xRQcPv9k6eIV3mfAT6c
    fUNo0
  12. BW7Ww" />
  13.     <link media="all" href="./css/css.css" type="text/css" rel="stylesheet" />
  14.     <script type="text/javascript" src="./js/gmapez-2.2.js"></script>
  15. </head>
  16. <body>
  17. <div id="main">
  18.     <div id="top"><img src="./images/top.jpg" width="951" height="43" alt="" /></div>
  19.     <div id="content">
  20.         <table width="100%" border="0" cellpadding="0" cellspacing="0">
  21.         <tr>
  22.             <td width="33" height="484" rowspan="2"><img src="./images/main_1.jpg" width="33" height="484" alt="" /></td>
  23.             <td width="257" height="394"><img src="./images/main_2.jpg" width="257" height="394" alt="" /></td>
  24.             <td width="222" height="484" valign="top" align="right" rowspan="2" style="background-image: url('./images/main_3.jpg'); background-repeat; no-repeat;">
  25.                 <div class="menu">
  26.                     <a href="index.html" title="">FIRMA</a><br />
  27.                     <a href="oferta.html" title="">OFERTA</a><br />
  28.                     <a href="kontakt.html" title="">PROMOCJE</a><br />
  29.                     <a href="dojazd.html" title="">DOJAZD</a><br />
  30.                     <a href="kontakt.html" title="">KONTAKT</a>
  31.                 </div>
  32.             </td>
  33.             <td width="402" height="484" rowspan="2" valign="top" align="left">
  34.                 <div style="padding: 10px;">
  35.                     <?
  36.                     if ( isset( $_GET["dzial"] ) && file_exists( './podstrony/'.$_GET["dzial"].'.php' ) )
  37.                         include ( './podstrony/'.$_GET["dzial"].'.php' );
  38.                     else
  39.                         include ( './podstrony/index.php' );
  40.                     ?>
  41.                 </div>
  42.             </td>
  43.             <td width="37" height="484" rowspan="2"><img src="./images/main_4.jpg" width="37" height="484" alt="" /></td>
  44.         </tr>
  45.         <tr>
  46.             <td width="257" height="90" align="center" valign="middle"><object type="application/x-shockwave-flash" data="./images/firmy.swf" width="170" height="73"><param name="movie" value="./images/firmy.swf" /><param name="wmode" value="transparent" /></object></td>
  47.         </tr>
  48.         </table>
  49.     </div>
  50.     <div id="bottom"><div style="padding-top: 45px; padding-left: 60px;" class="stopka">&copy; <?=date('Y')?> Solid-Bud <strong>::</strong> Realizacja: <a href="http://www.reklamacreator.pl" target="_blank" title="">Creator Plus</a></div></div>
  51. </div>
  52. <div id="site-bg-bottom"></div>
  53. </body>
  54. </html>
[PHP] pobierz, plaintext

plik css
[PHP] pobierz, plaintext 
  1. <?php
  2. body { margin: 0px; background-image: url("../images/tlo.jpg"); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
  3. a { color: #000000; text-decoration: none; }
  4. a:hover { text-decoration: underline; }
  5. td { background-color: #FFFFFF; }
  6.  
  7. #main { z-index: 1; position: relative; margin: auto; margin-top: 0; width: 951px; }
  8. #top { width: 951px; height: 43px; }
  9. #content { width: 951px; height: 484px; }
  10. #bottom { width: 951px; height: 60px; background-image: url('../images/bottom.jpg'); }
  11. #site-bg-bottom { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; background-image: url("../images/tlo_2.jpg"); background-position: top; background-repeat; repeat-x; height: 615px; }
  12.  
  13. .menu { margin-top: 50px; margin-right: 40px; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 6mm; }
  14. .menu a { color: #FFFFFF; }
  15.  
  16.  
  17.  
  18. h1 { font-size: 20px; color: #5F6D5B; font-weight: bold; text-decoration: none; text-align: right; }
  19.  
  20.  
  21. .stopka { font-family: Verdana, Arial, Helvetica, sans-serif; color: #484848; font-size: 10px; line-height: 5mm; padding: 10px; }
  22. .stopka a { color: #484848; }
  23. ?>
[PHP] pobierz, plaintext


po zmianie


index.php
[PHP] pobierz, plaintext 
  1. ...<td width="33" height="484" rowspan="2"><img src="templates/<?php echo $this->template ?>/images/main_1.jpg" width="33" height="484" alt="" /></td>
  2.             <td width="257" height="394"><img src="templates/<?php echo $this->template ?>/images/main_2.jpg" width="257" height="394" alt="" /></td>
  3.             
  4.             <div id="pod_menu">
  5.                
  6.             </div>
  7.             
  8.                 <div class="menu">
  9.                     <a href="index.html" title="">FIRMA</a><br />
  10.                     <a href="oferta.html" title="">OFERTA</a><br />
  11.                     <a href="kontakt.html" title="">PROMOCJE</a><br />...
[PHP] pobierz, plaintext

plik css
[PHP] pobierz, plaintext 
  1. <?php
  2. #pod_menu{
  3.   width: 222px;
  4.   height: 484px;
  5.   background-image: url('../images/main_3.jpg');
  6. }
  7. ?>
[PHP] pobierz, plaintext


co robię źle, że obrazek nie wskakuje na swoje miejsce?
Jak to powinno poprawnie wyglądać?