Вопрос по CSS. Сдвигаются DIV

Здравствуйте. Извиняюсь если создал тему не в том разделе, но вроде более подходящей по моей проблеме нету :)

Суть: При масштабировании страницы (уменьшая её) Блоки DIV съезжают. Ширину проверял, даже меньше сделал но что-то тут не то. Подскажите пожалуйста как это возможно пофиксить.

Скриншоты: До масштабирования (100%) | После масштабирования (90%)

Код CSS двух блоков:

#left{

color: #b2b2b2;

min-width: 250px;

display: inline-block;

background-image: url('#');

background-repeat: repeat;

vertical-align:top;

}

#right{

color: #b2b2b2;

min-width: 846px;

display: inline-block;

background: url('#');

background-repeat: repeat;

vertical-align:top;

}