Question : Column border style problem

hey all
i am using CSS on 2 columns on my gridview, because the data between them is connected i would like them to not have a border seprating them

basically on google chrome the border isnt showing which is what i want
but on IE and firefox it is and im not quite sure why

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:



<asp:BoundField DataField="Document Name" ItemStyle-CssClass="border2"  HeaderStyle-CssClass="border2"   />
                
                
                    <asp:BoundField DataField="Info" ItemStyle-CssClass="border"  HeaderStyle-CssClass="border" />
                


.border
{
	
	border-left-style: none;
	border-left-color:transparent;

}

.border2
{

	border-right-style: none;
	border-right-color:transparent;
}

Answer : Column border style problem

What you could do is put all the arrows in a movieclip and then use a 'for' loop to control all the arrows.
I am going to use TweenMax for this: http://www.greensock.com/tweenmax/

Import com.greensock.*
import com.greensock.easing.*

var len:int= mcHoldingYourArrows.numChildren
for (var i:int=0; i<len; i++) {
var mc:MovieClip=MovieClip(mcHoldingYourArrows.getChildAt(i))
//mc is a new name and does not have correspond to existing movieclips, but has to be used always //when reffering to the MC that hold your arrows.
TweenMax.to(mc, 2, {x: yourNewXpositionAsAnumber, ease:Back.easeOut})
mc.addEventListener(Event.ENTER_FRAME, ent)
}

function ent(e:MouseEvent) {
var mc:MovieClip=MovieClip(e.target)
}