Machen tooltip-position behoben

War ich in der Lage zu schaffen, die tooltips für meine app. Die Tooltipps der Inhalt kommt aus einer DB und es ist dynamisch. Manchmal gibt es zwei Textzeilen und manchmal wird es noch fünf Zeilen text. Ich bin kämpfen, um die position fest, unabhängig davon, was der Inhalt ist. Gibt es irgendetwas, was ich versuchen kann, dieses Problem zu beheben?

Hier ist ein fiddle zu zeigen, was ich mich vor.

.tooltip:hover .dumClass {
    display: inline;
    color: #ffffff;
    border: 1px solid #DCA;
    background: #444;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

enter code here

Wollen Sie die QuickInfo, um immer bewegen Sie den Mauszeiger über ein element in der gleichen relativen position oder sollten die QuickInfo angezeigt, die in einem festen Standort?
In der gleichen relativen position, wie in der Geige.Es erscheint oben auf das element.

InformationsquelleAutor codebot | 2014-03-10

CSS

.tooltip{position:relative;}
.tooltip .dumClass {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    bottom:20px;
    left:0;
    width: 240px;
    line-height: 16px;
    position: absolute;
}