A little help with my positioning please

Get Started
1

Hi All

Can you check this out for me

LINK

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?

2

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 {
    width:960px;
    margin:0 auto;
    background:#ffffff;
    [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.