Не могу разобраться почему div'ы съезжают...

[ShurikEv]

Добрый день.

Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это.

Исходные коды можно глянуть здесь.

Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать.

Верстаю div'ами.

Исходный код разметки вот:

<div id="s4-workspace">
  <div id="s4-bodyContainer">
	<div id="wrapper"><!--begin wrapper-->
	    <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="server"/>
		<div id="header_all" class="s4-notdlg"><!--begin: header-->
			<div id="top"><!--begin top-->
				<my:Top runat="server" />
			</div><!--end top-->
			<div class="clear"></div>
		</div><!--end header-->
		<div class="console s4-notdlg">
		    <PublishingConsole:Console runat="server"/>
	    </div>
		<div id="homewrapper">
			<my:LinksArea runat="server" />
			<my:TopNav Id="nsoTopNav1" runat="server" />
			<div id="bottomwrapper">
			<div id="home_left_column">
				<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" FrameType="None" ID="MiddleLeftZone" 
                                                Title="<%$Resources:sps,LayoutPageZone_MiddleLeftZone%>" Orientation="Vertical" 
                                                QuickAdd-GroupNames="Default" QuickAdd-ShowListsAndLibraries="false" />
				<div class="clear"></div>
			</div>
			<div id="home_right_column">
				<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" FrameType="None" ID="MiddleRightZone" 
					Title="<%$Resources:sps,LayoutPageZone_MiddleRightZone%>" Orientation="Vertical"
					QuickAdd-GroupNames="Default" QuickAdd-ShowListsAndLibraries="false"/>
				<div class="clear"></div>
			</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div class="s4-notdlg">
                   <My:Footer />
                </div>
	</div><!--end wrapper-->
  </div>
</div>

Стили:

#home_left_column
{
	float: left;
	width: 60.5em;
}
#home_right_column
{
	float: right;
	width: 17em;
}
#wrapper
{
	border: 0px solid red;
	width: 81.0468em;
	min-height: 100%;
	background-color: #FFFFFF;
	padding-left: 1em;
	padding-right: 1em;
	z-index: 2;
	margin: 0 auto;
	text-align: left; /*IE6 css fix: center website in IE6, align all text back to left*/
}
#wrapperres
{
	border: 0px solid red;
	width: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	padding: 0;
	z-index: 2;
	margin: 0 auto;
	text-align: left; /*IE6 css fix: center website in IE6, align all text back to left*/
}
#wrapperinnerres
{
	padding-left: 1em;
	padding-right: 1em;
}
#header_all
{
	margin-top: 0.6em;
	margin-bottom: 1.064em;
}
#homewrapper
{
	float: right;
	width: 81.0468em;
	min-height: 30em;
	padding-top: 0.798em;
	padding-bottom: 2.97em;
	zoom: 1;
}
#homewrapperres
{
	float: left;
	width: 100%;
	min-height: 30em;
	padding-top: 0.798em;
	padding-bottom: 2.97em;
	zoom: 1;
}

Какие стили у чего можно прописать, чтобы добиться требуемого результата?

Спасибо.

[ShumNo]

судя по скринам оно где-то вне видимой части (выходит за пределы монитора) и не понятно, как его вклинивать. Если же оно в видимо части, то ширину контента надо ставить не 100% и блок который надо включить например использовать position: fixed;

Либо в потоке выбрать место и поставить туда эти таблицы

[ShurikEv]

Проблему решил. Как всегда чудеса выдал Sharepoint. На мастер-странице располагался системный элемент, который генерил не валидную разметку в одном из режимов просмотра страницы. Убрал его совсем и всё стало более менее нормально. Сейчас борюсь только с перекрытием элементов.