Проблема с неверным отображением div-ов

[Lexxxustop]

Добрый день, помогите пожалуйста разобраться с проблемой.
есть див со свойством display: table;
в нём находятся 2 дива: у одного отображение float: left; у другого - float: right;

сверстал сайт и всё хорошо - дома на компе всё отображается верно и кроссбраузерно, заливаю на хостинг, а в инете 2 дива начинают прыгать:

сайт - www.fashion-decor.ru (на главной почему-то всё норм всегда отображается а потом если начинаешь ходить по страницам в блоке с меню и большой картинкой картинка начинает прыгать, !хотя если просто обновить страницу он возвращается на место)

Очень прошу помочь с проблемой 3-ий день сижу и голову ломаю, если выставить эти 2 дива со свойствами display: inline-table; они всёравно на некоторых страницах прыгают (хотя страницы все одинаковые, одно шаблонные и редактируются только через css)

СSS блоков:

#center{
        margin:0 auto;
	display: table;
	text-align: left;
	background-color: white;
	width: 800px;
	*width: 800px;
}
#menu{
	float: left;
	width: 232px;
	background-image: url(../img/menu_top.gif);
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-left: 51px;
}
#center_right{
	float: right;
	width: 515px;
	background-image: url(../img/photo_right.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#photo{
	padding: 36px 0px 0px 57px;
}

Код страницы с проблемным участком:

		<div id="center">
			<div id="menu">
				<div>...</div>
                                <div>...</div>
			</div>		
			<div id="center_right">
				<div id="photo"><img src="img/main.jpg"></div>
			</div>
		</div>

Заранее большое спасибо за помощь.

 

[gor]

Я не увидел проблем с <div id="center">, зато с <div id="tovar_dop"> - проблема посмотрите в Opere,на вашем месте я бы переверстал сайт, много багов и ненужных елементов в верстке.

 

[tigra60]

Скорее всего, у Вас какие-то пункты меню длиннее места, отведенного им в блоке и вылезают наружу, сдвигая картинку. Проверьте!
Добавьте, также, очистку плавающих блоков:

<!-- ... -->
    <div id="center_right">
        <div id="photo"><img src="img/main.jpg"></div>
    </div>
<!-- вставляем очистку плавающих блоков -->
    <div class="clear:both"></div>
</div>

Удачи!

 

[Lexxxustop]

Большое спасибо, что обратили внимание, проблема вроде как разрешилась - баг выявлялся в фаерфоксе 3.5.х, поставил на все компы, на которых проверял 3.6 - проблема ушла. Блоки почищу, спасибо за совет.

 

[Creator]

Вашей проблемы так и не выявил, но заметил маленькую ошибочку в размерах #center, он на 2 пикселя шире оболочки.

#center {
background-color:white;
display:table;
margin:0 auto;
text-align:left;
width:798px;
}