tree item height

i saw the solution given here

http://www.activewidgets.com/javascript.forum.17365.7/tree-control-style-line-spacing.html

and it worked great in IE, but for FF, and safari i can change the text size but not the item height, am i just doing something dumb?

.aw-list-box {
border:none;
}

.aw-tree-sign { 
    font-size: 1px; /* corrects vertical position */ 
} 

.aw-item-template { 
    height: 30px; 
    font-size: 12px; 
    background: #fff8dc;
    border: 1px solid black;
}

and since im here is there a way to fix the borders so they do not double up like i have them, but the grid does not have a open top or bottom when the tree starts/finishes?

Try adding !important to the height rule (?)

no change here is the whole thing that i have. maybe the mistake is somewhere else.

<style>
.aw-list-box {
border:none;
}

.aw-tree-sign { 
    font-size: 1px; /* corrects vertical position */ 
} 


.aw-item-template { 
    height!important: 30px; 
    font-size: 12px;
    background: #fff8dc;
    border: 1px solid black;    
}
</style>


</table>
<br>
<!-- <INPUT TYPE="submit" VALUE="Select">  -->
<script>
/////////ACTIVE WIDGET//////////
    var treData = [<%=treeData%>];
    var tree = {<%=strHolder%>}; 
    var tre = new AW.UI.Tree;
    tre.setStyle("background", "transparent");
    tre.setStyle("height", "65%");
    tre.setStyle("width", "100%");
    tre.setItemText(treData);
    tre.setViewCount(function(i){return tree[i] ? tree[i].length : 0});
    tre.setViewIndices(function(i){return tree[i]});
    tre.setStyle("border", "cornsilk");
    tre.setStyle("font", "verdana, arial, helvetica, sans-serif");

    tre.onItemClicked = function(){
    return true;
    }
 
    document.write(tre);

</script>

since i already have the code here...

I also have a wierd problem in IE.
When the grid loads the vertical scroll bar is a little to the left of where it should be. When the mouse goes over the scrollbar it jumps out about the width of the scrollbar to where it should be, but only once right after the tree loads.
(hope that makes sense)

The correct syntax for the !important declaration is

height: 30px!important;

As for the scrollbar position this is likely related to the layout/width of the parent element - try to specify the grid size in pixels or fix the size of the parent element and see if it helps.

that did it, thanks.