Can someone help me with this issue I'm facing in my jsfiddle example? Here is the link: http://jsfiddle.net/AnnaMiroshnichenko/xjyb8/1/. The problem is, when I scroll the div, the field underneath the scroll does not appear to be applying CSS rules properly (the border and background-color for the first row are not being rendered). Here is the relevant CSS code:
.myL{
background-color: #808080;
float:left;
width: 30%;
height: 100%;
}
.myR{
background-color: pink;
float:right;
width: 70%;
height: 100%;
overflow-x: auto;
}
.myRow{
white-space: nowrap;
height: 30px;
border: 1px solid white;
}
.myHedaer{
background-color: #02749c;
}
.myCol{
width: 80px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.myFixedCol{
width: 80px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
I really appreciate any assistance with this. Thank you!