Help with GridView jumping.

[teejayem]

I am new to asp.net.

I have a grid view that is bound to a dataview.
I have used a small javascript to select the rows in the gridview see
below:-

<script language="javas cript" type="text/javascript">

var oldgridSelected Color;

function setMouseOverCol or(element) {

oldgridSelected Color = element.style.b ackgroundColor;
element.style.b ackgroundColor= 'silver';
element.style.c ursor='hand';
element.style.t extDecoration=' underline';
}

function setMouseOutColo r(element) {

element.style.b ackgroundColor= oldgridSelected Color;
element.style.t extDecoration=' none';
}

</script>

Protected Sub DefaultGridView _RowDataBound(B yVal sender As Object,
ByVal e As System.Web.UI.W ebControls.Grid ViewRowEventArg s) Handles
DefaultGridView .RowDataBound
If e.Row.RowType = DataControlRowT ype.DataRow Then
e.Row.Attribute s("onmouseover" ) =
"javascript:set MouseOverColor( this);"
e.Row.Attribute s("onmouseout ") =
"javascript:set MouseOutColor(t his);"
e.Row.Attribute s("onclick") =
ClientScript.Ge tPostBackClient Hyperlink(Defau ltGridView, "Select$" &
CStr(e.Row.RowI ndex))
End If
End Sub

This works fine.
The problem I am having is that when an item is selected the grid view
changes size and the header column text jumps around.
I can set a fixed width to the gridview but this doesn't stop the
columns changing shape/size.
Is there an easy way to resolve this?