Search code examples
htmlcsspositioning

Upper span is moving the lower span...Why is that

I have this page that i am working on and as you can see there are four images...if you look at the lower left booda...it has two links view Booda dog and view Booda cats. If you click the top one the bottom link moves to the left...i for the life of me cant figure out how to fix this. I am using position relitive. Here is some of my css

.booda a.button_below {
        left: 107px;
    position: relative;
    top: 64px;
}

.entry .booda a.button {
 position: relative;
    right: 13px;
    top: 31px;
}

there is other css if you view it in firebug

any help will be greatly appreciated ...thanks in advance

Solution

  • I'm not sure what exactly is going on, but changing the bottom button class from button_below to button and giving it clear:right fixed it for me.

    Hope this gets you closer to a solution!