Доброго времени суток!

Усть такая конструкция:

<div style="positon: relative;" id="div1">
    <div style="positon: relative;" id="div2">
        <div style="position: absolute;" id="div3"></div>
        <div style="position: absolute;" id="div4"></div>
    </div>
</div>

div3 и div4 должны позиционироваться относительно div2, но почему-то div3 позиционируется относительно div2, а div4 относительно div1.
Почему так?

П.С. Если это имеет значение, то div3 и div4 находятся в отдельном файле и подключаются с помощью include в блок div2

Да нет, оба (див3 и див4) относительно див2
Проверь марджином. Сделай отступ для див1, должны двигаться все. Далее для див 2 - должны сдвинутся и див3 и див4.

_____________
Если не говорить пользователям, что Linux это "Сложно и страшно", то им совершенно всё равно, в чём не разбираться

Тот код, что ты показал -это то, что должно быть, по твоему мнению, или ты взял его уже из браузера? Покажи окончательный код, вместе с позициями и всем остальным.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Вот код скопированный из браузера

<div class="broadcast" id="broad" style="padding: 10px;">
	<p align="center"><font size="6"><b>Спорт 1</b></font></p>
	<div class="video" id="frame"></div>
    <div style="positon: relative; width: 100%;">
        <img src="http://tv-football.tv/img/channel/rossia_2.png" />
        <div style="display: inline-block; vertical-align: top; width: 250px;">
            bnmbhgbjh
        </div>

        <style>
        .otherchannel {list-style-type: none;
		padding: 0;
		margin: 0;
		width: 300px;
		position: absolute;
		top: 31px;
		right: 5px;}
        </style>
        <div style="position: absolute; right: 5px; width: 300px; background: #41413F; display: inline-block;" id="shapka">
            <span id="font">Другие каналы</span>
        </div>
        <ul id="border" class="otherchannel">
            <li style="background:#f2fcf4;">
                <a href="http://tv-football.tv/sporttv/sport2.php">Спорт 2</a>
            </li>
        </ul>
    </div> 
</div>

.broadcast {	position: relative;
			left: 220px;
			top: -9px;
			bottom: 0;
			padding: 0;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
			border-collapse: collapse;
			border: solid 3px;
			border-color: #41413F;
			background: white;
			height: 1200px;
			display: inline-block;}