I’m having a box saying “Brand New Slide” which I positioned to a specific position using css code like: left: -40px; like the following image:

But when I’m resizing the browser, the position breaks, like the following image:

How to address this issue? So that even if I resize the browser the box position relatively adjusts itself?
This div asjusts itself when the browser resizes:
http://jsfiddle.net/GolezTrol/fg9kL/