CSS行为怪异

我有以下CSS代码:

.tag {
    display: inline;
    font-size: 10px;
    padding: 5px;
    color: #FFF;
    background-color: #444;
}

.tag:hover {
    font-size: 10px;
    padding: 5px;
    color: #FFF;
    background-color: #666;
}

除了背景色,还有一个有显示:行内,没有区别,对吗?当.tag div出现时,它有白色文本,但没有背景色。它还有一个12磅的字体大小,没有填充。然而,当我在它上面盘旋的时候,它看起来非常完美。有人能告诉我为什么要这样做吗?