I struggle with debugging IE because I simply can't stand it and prefer not to deal with it.
Anyways, I'm working on a treeview plugin and everything seems to be in order...
However, there's an issue where it appears completely messed up only in IE7 (not sure about IE6, but who even uses that anymore).
.
Does anyone have any insights on how to resolve this or why it's misbehaving?
CSS
body{
margin: 0px;
padding: 0px;
}
.vbc-treeview{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
padding-left: 10px;
padding-top: 0px;
overflow: auto;
width: 200px;
height: 200px;
border: 1px solid #828790;
margin: 5px;
}
.vbc-treeview ul{
list-style-type: none;
margin: 0px;
margin-left: 20px;
margin-top: 0px;
padding: 0px;
position: relative;
}
...
...
HTML
<div class="tree vbc-treeview">
<ul>
<div class="tv-sibling tv-sibling-vertical tv-sibling-first" style="height: 609px;"></div>
<li class="tv-expanded">
<div class="tv-collapse tv-expanded"></div>
...
...
</li>
...
...
</div>