Estou tendo algum problema com um elemento 'fixo' no Google Chrome. O elemento se comporta como deveria em outros navegadores principais.

Aqui está o CSS:

#element { 
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    height: 50px; 
    z-index: 10;
}

O problema é que, quando a página é carregada, o elemento é fixado na parte inferior da viewport, como deveria ser. Após a rolagem, ele permanece no mesmo local em que estava quando a página foi carregada - ela não fica fixa na parte inferior da tela.