[destus]

shurik_shink,
Потому что inline-block и между ними

<div class="album">1</div>
<div class="album_separator">&nbsp;</div>

есть перенос строки. А удалить очень просто. Либо записать всё в одну строчку (код не читаем) либо так

<style>
div#album_list{
	overflow-x: scroll;
	height: 225px;
	width: 800px;
	white-space: nowrap;
	background-color: red;
	border: 2px solid black;
	position: relative;
}
div.album{
	display: inline-block;
	background-color: blue;
	width: 200px; height: 200px;
	border: none;
}
div.album_separator{
	display: inline-block;
	height: 200px; width: 20px;
	background-color: white;
	border: none;
}
</style>
<div id='album_list'>
<div class="album">1</div><!--
--><div class="album_separator">&nbsp;</div><!--
--><div class="album">&nbsp;</div><!--
--><div class="album_separator">&nbsp;</div><!--
--><div class="album">&nbsp;</div><!--
--><div class="album_separator">&nbsp;</div><!--
--><div class="album">&nbsp;</div><!--
--><div class="album_separator">&nbsp;</div><!--
--><div class="album">&nbsp;</div><!--
--><div class="album_separator">&nbsp;</div>
</div>