Positioning of div

Hi, I’m trying to get a div to display within the header in a certain position and not move around when someone re sizes their web browser. I’m using position:absolute, when I try relative it doesn’t work and expands the widget’s height for some reason and I think I have it nested inside of the header and the weather class div but the header isn’t a div. it’s html 5 tag so maybe that is the reason why the widget-currentscompact div moves around and doesn’t stay put?

Here’s some of the code.

#widget-currentscompact {
width:120px;
height:50px;
position:absolute;
top:52px;
right:200px
}

Here’s the url for the webpage: http://69.65.18.90/lasallestreetnews.com/

Thank you!

All you need is this:

header {position: relative;}

That will position the widget in relation to the header, rather than in relation to the viewport.

that worked, thank you…