Hey guys,

 

You can see the problem at: Another tournament today! - Collossal Pixel – The Portfolio of Ali Hitch

 

On FireFox the element works as designed. However in Chrome and Safari there is a problem.

 

The element in question is <aside class="l-scroll">

 

The element is supposed to stay fixed a certain distance from the top of the page basically never moving from it's original position.

 

However, in Chorme and Safari, the element scrolls but when scrolling, moves itself to the middle of the page which is quite bizarre.

 

I am wanting to know why this is happening, and what the fix for it is?

 

If you need any more information please let me know.

 

Many Thanks,

Ali

Problem fixed!

 

Just needed to add

 

right: 50%;
margin-right: 295px;

 

 

to the CSS of the .fixed element. I guess Chrome and Safari don't always take the same properties from the parent in this case.