Hi there,

I added a little box to my profile for the comment section, and positioned it according to my screen. But the box moves around when I make the Chrome window smaller. This is what it looks like when it's correct, and this (or a variation of it) is what it looks like when my window is smaller.

{position: absolute; top: 160px; left: 1060px; height: 150px; width: 200px; overflow: hidden; background-color: ; margin: 0!important; padding: 0!important; border: 4px solid; border-radius: 0 10px 10px 0; transition: max-width .5s ease-in-out; -webkit-transition: max-width .5s ease-in-out; max-width: 0px}

:hover {max-width: 200px;}Does anyone know what I should do to make sure that it stays positioned at all times? (My main content area, the white box, stays put.)

Here's the fix: You need to change the left value to this: left: 50%; margin-left: 100px; and then get rid of the "margin: 0!important;" part or it won't work c:

Thank you so much! It worked :D

Glad I could help c: