Andrew Dabich

text-align: center;

display: fixed;
top: 0;

Можно сделать невидимый div для этого элемента с высотой которая будет и шириной в размер основного контейнера. А сам блок который нужно вывести в 100% сделать position: absolute; и разместить с помощью margin-top ровно над подготовленным для него контейнером который не будет вылазить и не будет виден. Всё для того чтобы отступы были такие же. Ведь absolute размещает элемент поверх всех. А так должен как раз быть где нужно.

Попробуй вот так, если я понял суть.

.bg {
    background: url(../images/bg1.png) no-repeat center top;
    min-height: 300px;
    width: 100%;
}

Есть в jQuery функция hover, попробуй конкретно указать класс на котором он будет срабатывать, а внутри функций анимацию с конкретными классами которые будут затухать. А если нужен этот обработчик на несколько элементов, то можно задать один класс для них чтобы вызывался этот обработчик или перечислить.

$('.class').hover(function() {
    	/* Mouse over */
    }, function() {
    	/* Mouse out */
    });