Bible Code / CSS Issue

[Chadi]

When hovering over any quoted Scripture verse in forum posts, the netTagger pop-up works as shows that full Scripture. The problem is that when doing a hover over the actual verse prior to pop-up, the font style of the versed Scripture changes to some generic looking Times Roman style font and I cannot trace the cause of this. It should remain the same style on/off hover mode.

Example post:
http://www.talkjesus.com/church-serm...tml#post193034

My netbible.css code is

/* The div that holds the entire popup */

#nbtDiv {
    padding: 0;
    margin: 0;
    display: none;
    z-index:100;
    border-radius: 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 2px 3px 5px #BBBBBB;
    -webkit-box-shadow: 2px 3px 5px #BBBBBB;
    box-shadow: 2px 3px 5px #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    background-color: white;
}

/* The Header that includes the Current Verse Reference and Close X */

#nbtHeader {
/*    padding:0px;
    background-color:#3a3877;
    border:0px;
    padding:0px;
    margin:0px;
    height:16px; */
    background: url("/api/NETBibleTagger/v2/images/headerBackground.png") repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    height: 30px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
}

/* The span that hold the Current Verse Reference */

#nbtVerseTitle {
    color: #555;
    display: inline;
    font-family: Helvetica,Arial,serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 8px;
    position: relative;
    top: 4px;
    width: auto;
}

/* The Close link's child image */

#nbtClose img {
    border: 0 none;
    display: block;
    float: right;
    height: 0;
    margin-right: 3px;
    margin-top: 6px;
    *margin-top:0px;
}

/* The loading Indicator image */

#nbtLoading {
    position:relative; 
    border:0; 
    margin-left:auto; 
    margin-right:auto; 
    display:block; 
    vertical-align:middle;
}

/* The div containing the content */

#verseTarget {
    height: 150px;
    /*
    border: 1px solid #DDDDDD;
    background-color: white; 
    */
    color:#777;
    overflow: auto;
    padding-left: 5px;
    font-family: Helvetica,Arial,serif;
    font-size: 12px;
    line-height:20px;
}

#verseTarget a, #nbtPoweredBy a {
    color: #0088CC;
    text-decoration: none;
    font-family: Helvetica,Arial,serif;    
    font-size: 10px;
}

.nbtWidth {
    width: 350px;
}

#nbtPoweredBy {
    padding-left: 6px;
    border-top: 1px solid #DDDDDD;
    font-size: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color:black;
}

[Lynne]

Using firebug... on hover code:

.vb_postbit a:hover, .vb_postbit a:active {
border-bottom: 1px dotted #4D528C;
color: #4D528C;
font: 12px "verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif";
text-decoration: none;

}

Those double quotes around the font are not valid and make that part of the CSS invalid.

[Chadi]

Thank you