Simple HTML issue with my website, need help.

[Avanarius]

Hey guy,

I'm not a regular poster, just reader. I'd figure I'd post my problem as I'm very sure it's a simple fix, I just can't get my brain around it as I'm not very good with div containers.

My website is www.fuzzyfilmz.ca and my issue is with the facebook like box. It looks fine on my monitor because of the width, but if you resize the page the facebook box stays and wraps over the content. Basically what I want it to do is to dissapear off the page if you resize the browser window. The code makes it pretty obvious as to why it's not working, but I'm not sure how to fix it.

<div style="position: fixed; top:40; right:0;"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/#!/pages/Fuzzy-Filmz/145468928843737" width="292" colorscheme="dark" show_faces="true" stream="false" header="true"></fb:like-box></div>

Thanks for any help!

[quannum]

i'd start with changing the position style to relative

http://www.w3schools.com/css/css_positioning.asp

[Avanarius]

It's relative atm, damn I'm such a noob at this lol....

*edit* pretty much got it to do what I wanted, that link actually helped quite a bit once I read into it.

[Maguspk]

http://w3fools.com/

tl;dr w3schools is bad, read the w3 documentation instead or even peer controlled sites like stackoverflow