Question

I has a website. which show strange behavior on my page.

Here is my website the sample design http://ryugaku.babonmultimedia.com/assets/templates/html/tabing.html
And here is the sample which already developed in CMS format http://ryugaku.babonmultimedia.com/products/kickstart

please check at this part under <div class="godelpage">

<a href="http://ryugaku.babonmultimedia.com/products/kickstart" class="" id="productLink19">
    <img src="/assets/images/tab/tab-kickStart-on.png" alt="KickStart" title="KickStart">
</a>

From the sample page the <a> width is has shorter width than <a> in live site for the CMS.
How can this be happen?
I check from FireBug that’s two part two part of <a> has same CSS property value.

Answer 1

add float:left to this class and than see

.godelpage a {
margin: 0 3px 0 0;
padding: 0px;
float: left;
}