Ho una struttura simile:

index.html
css
|___splash.css
images
|___top.png
|___bottom.png


Questo è il mio splash.css:
codice:
body {
	width:100%;
	height:100%;
	background: url("images/top.png"), url("images/bottom.png");
	background-attachment:fixed;
	background-size:100%;
  	background-position: top center, bottom center;
  	background-repeat:no-repeat, no-repeat;
	
}
e questo è il mio index.html
codice:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>index</title>
		<meta name="description" content="" />
		<meta name="author" content="ADMIN" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<link rel="stylesheet" type="text/css" href="splash.css" /> 
	</head>

	<body>
	</body>
</html>
Mi succede questo:

1. css interno: funziona perfettamente;

2. css esterno stessa cartella: con
codice:
<link rel="stylesheet" type="text/css" href="splash.css" />
funziona perfettamente;
se le impostazioni css sono interne nella sezione

3. css esterno nella cartella css: con
codice:
<link rel="stylesheet" type="text/css" href="css/splash.css" />
non funziona.
Perchè???? Cosa sbaglio???
Io vorrei che il foglio splash.css stesse nella cartella css. Come posso fare?
Help me please.