Один div внутри другого

[ITdreamer]

Ребята, а вот еще вопрос.

есть два стиля для блоков div

.blockMain {
	width: 900px;
	background: #000;
	border: 1px solid #7f7f7f;
}

#blockServices a {
	display: block;
	position: relative;
	float: left;
	left: 30px;
	width: 258px;
	margin: 0px 10px 10px 10px;
	padding: 30px 0px;
	border: 1px solid #7f7f7f;
	color: #7f7f7f;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

В странице я их использую вот так:

		<div class="blockMain">
			<!-- Основной заголовок страницы -->
			<div>
				<h1>УСЛУГИ</h1>
				<hr size="1">
			</div>

			<!-- Основной текст страницы -->
			<br><br>		
 			<div id="blockServices">
 				<a href="services_animation.html">3D анимация</a>
				<a href="services_modeling.html">3D моделирование</a>
				<a href="services_raskadrovki.html">Отрисовка раскадровок</a>
				<a href="services_mattepainting.html">Matte Painting</a>
				<a href="services_motiondesign.html">Motion Design</a>
				<a href="services_vfx.html">VFX</a>
				<a href="services_visualization.html">Визуализация</a>
				<a href="services_compositing.html">Композитинг</a>
				<a href="services_montage.html">Монтаж</a> 			
 			</div>
 			<br><br><br>			
		</div>

В итоге получается то что на скриншоте

Как мне сделать так, чтобы блок mainBlock охватывал все кнопки?

[psywalker]

Поставь ему overflow: hidden;

[ITdreamer]

Поставь ему overflow: hidden;

Опять вы меня спасаете! )) Спасибо

[psywalker]

Опять вы меня спасаете! )) Спасибо

Всегда рад помочь.

[ITdreamer]

Всегда рад помочь.

А еще небольшой вопросик.

После внутреннего div- блока у меня перестал действовать <br>. Что это может быть?

[ITdreamer]

А еще небольшой вопросик.

После внутреннего div- блока у меня перестал действовать <br>. Что это может быть?

Все ок! Спасибо. Проблему решил.

[psywalker]

А еще небольшой вопросик.

После внутреннего div- блока у меня перестал действовать <br>. Что это может быть?

Лучше вообще НЕ используй <br /> где попало. Всё делать старайся через ЦСС.