CSS で文字を隠して画像を張るとき

メインのCSSファイルに

#header h1 {
	background:url(images/XXX.gif) no-repeat;
	width:XXXpx;
	height:XXXpx;
	margin:XXXpx;
	padding:XXXpx;
	}

#header h1 a {
	width:XXXpx;
	height:XXXpx;
	}

別ファイルで管理しやすくするために

#header h1 a {
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -5000px;
	overflow: hidden; 
	}