A little help with my positioning please

Hi All

Can you check this out for me


Now firefox at home the place holder for "Dublin Dog Walking was not over lapping into the Logo badge. But now I see in my firefox in work it is. I used absolute positioning to get it exact. Can someone pin point what I am doing wrong here?

Absolute positioning is generally not a good way to go, but I guess it’s OK in this case. The way to fix it is to add position:relative to the wrapper:

.wrapper {
    margin:0 auto;
    [COLOR="Red"]position: relative;[/COLOR]

An absolutely positioned element will be positioned in relation to the nearest parent with position: relative (or position: absolute, for that mater). In the absence of such a parent, the position will be in relation to the viewport. So you were probably viewing the site on a smaller screen before.