Online status not in the right place

Technical Details

Forum version : phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.imgur.com/7r8GZMt.png
Who the problem concerns : All members
When the problem appeared : When I started using the CSS code that moves the button.
Forum link : http://united-lolies.forum.st/

Description of problem

So I've found a post that makes it possible to move online, but it's not working right and I don't know how to move it up.

I wanted it to look like this (put together in ps):


But I end up getting this:


According to the post I saw,
I added this to the CSS Stylesheet. Position changed to 372px to fit my forum.

Code:

.i_icon_online {
position: absolute !important;
left: 292px;
}

And I've edited viewtopic_body.
Removed

Code:

{postrow.displayed.ONLINE_IMG}

located

Code:

 {postrow.displayed.POSTER_AVATAR}

then added this under it

Code:

{postrow.displayed.ONLINE_IMG}

.

I know that by changing the px number in CSS moves it left or right. But is it possible to add some part that would move it up/down or any other way to fix this.

Thanks in advance, Bre.

I apologize for posting this. I am hilariously stupid.. I've figured it out myself by using common sense because the codes were one under another, so I put it next to each other. Please forgive me, I have 0 coding experience whatsoever.

 /facepalm