"error parsing styles" firefox 1.0

[sylpic]

Salut,

Je suis un webmestre débutant. Je travaille avec dreamweaver 8. J'obtiens le message d'erreur suivant lorsque je fais un check browser support :

"error parsing styles" firefox 1.0

#nav li.a   { background: url(file:///D|/Bob/Site Web FDL2/images/menu_a_bg.gif) no-repeat; }
#nav li.a a { background: url(file:///D|/Bob/Site Web FDL2/images/menu_a_r.gif) top right no-repeat; }
#nav li.b   { background: url(file:///D|/Bob/Site Web FDL2/images/menu_b_bg.gif) no-repeat; }
#nav li.b a { background: url(file:///D|/Bob/Site Web FDL2/images/menu_b_r.gif) top right no-repeat; }
#nav li.c   { background: url(file:///D|/Bob/Site Web FDL2/images/menu_c_bg.gif) no-repeat; }
#nav li.c a { background: url(file:///D|/Bob/Site Web FDL2/images/menu_c_r.gif) top right no-repeat; }
#nav li.d   { background: url(file:///D|/Bob/Site Web FDL2/images/menu_d_bg.gif) no-repeat; }
#nav li.d a { background: url(file:///D|/Bob/Site Web FDL2/images/menu_d_r.gif) top right no-repeat; }

/* body */

#body { width: 100%; }

#body { background: #ed8601 url(file:///D|/Bob/Site Web FDL2/images/body_bg.gif); }
#body div { background: url(file:///D|/Bob/Site Web FDL2/images/body_tl.gif) top left no-repeat; }
#body div div { background: url(file:///D|/Bob/Site Web FDL2/images/body_tr.gif) top right no-repeat; }
#body div div div { background: url(file:///D|/Bob/Site Web FDL2/images/body_bl.gif) bottom left no-repeat; }
#body div div div div { background: url(file:///D|/Bob/Site Web FDL2/images/body_br.gif) bottom right no-repeat; }
#body .inner div { background: none; }

#body .inner {
	color: white;
	padding: 18px 20px;
}

#body h2 {
	margin-top: 3px;
	text-indent: -3px;
}

* html #body h2 {
	margin-top: 21px;
	marg\in-top: 3px;
}

#body p {
	margin: 1em 0;
}

#body #dividerx {
	clear: both;
	margin: 0 1em;
	padding: 12px 0;
	background: url(file:///D|/Bob/Site Web FDL2/images/divider_h.gif) 12px 12px repeat-x;
}

/* darkboxes */

* html #boxes, * html #boxes .inner { width: 100%; }
* html #body #boxes #left .inner  { width: 100%; w\idth: 90%; }
* html #body #boxes #right .inner { width: 100%; w\idth: 95%; }

#body #boxes { background: url(file:///D|/Bob/Site Web FDL2/images/box_bg.gif) repeat-y; }
#body #boxes div { background: url(file:///D|/Bob/Site Web FDL2/images/box_t.gif) top left no-repeat; }
#body #boxes div div { background: url(file:///D|/Bob/Site Web FDL2/images/box_b.gif) bottom left no-repeat; }
#body #boxes .inner div { background: none; }

Comment dois-je corriger la situation?

Merci

**EDIT Administrateur (TheRec)** Merci d'utiliser la balise CODEBOX à la place de CODE pour présenter un code long.

[MarvinLeRouge]

Salut,

Ca pourrait être dû au format de tes url, qui indiquent des références à des fichiers sur ton système, avec des caractères "pipe", des espaces, et sans guillemets autour des url.

[Gibou]

exactement

#nav li.a { background: url('../images/menu_a_bg.gif') no-repeat; }
#nav li.a a { background: url('../images/menu_a_r.gif') top right no-repeat; }
... etc ...

Et de toute façon, privilégie TOUJOURS les liens relatifs ( images/blablabla ) et non absolus ( http://blabla ou PIRE, local type C:/blablabla ). Ne jamais mettre de lien local sinon, une fois ton site en ligne, tout s'affichera nickel sur ton ordi mais rien chez les autres. Avoue que ça serait balo