CSS和Chrome存在问题

Question

My client looks great in Firefox but looks a little funky in Chrome :(

Here's some of my html code.. from the Inventory layout

<div class="clientinventory">
<div class="objtitle">
<p>Ore Inventory</p>
</div>
<div class="invitemvalue">10</div>
<div class="invitemtxtholder">Copper</div>
<div class="invitemvalue">0</div>
<div class="invitemtxtholder">Iron</div>
<div class="invitemvalue">0</div>
<div class="invitemtxtholder">Gold</div>
<div class="invitemvalue">0</div>
<div class="invitemtxtholder">Platnium</div>
</div>

Here's some of my css code.. from the Inventory layout

.invitemtxtholder {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #543C25;
    border: 1px solid #000;
    color: #FFF;
    width: 60px;
    text-align: center;
    float: left;
    clear: left;
}
.invitemvalue {
    clear: right;
    float: right;
    font-style: italic;
    color: #000;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    width: 65px;
}

NOTE: I'm not allowed to post pictures apparently lol so heres the link

http://www.ultimate-miner.com/UM2/Client.php

Answer 1

I can see a difference.

The Submit button jumps down in firefox but stays inline in chrome.

Add some width with css to the submit button and that will be fixed :)