I've got the code below, when rendered in IE the buttons are clickable, yet in Firefox and Safari neither buttons are clickable. They show as enabled but mouse does not change its cursor type and cannot click on the button...
Using button elsewhere on the site and all works just fine...all suggestions welcome...!
Cheers
Cliff
Using button elsewhere on the site and all works just fine...all suggestions welcome...!
Cheers
Cliff
<
div
style
=
"clear:both; padding-top:5px;"
></
div
>
<
div
class
=
"HeaderButtons"
>
<
div
class
=
"Previous"
>
<
telerik:RadButton
ID
=
"btnPrevious"
Text
=
"Previous"
runat
=
"server"
Width
=
"220px"
onclick
=
"btnPrevious_Click"
>
<
Icon
PrimaryIconCssClass
=
"rbPrevious"
PrimaryIconLeft
=
"5"
PrimaryIconTop
=
"5"
SecondaryIconCssClass
=
"rbPrevious"
SecondaryIconRight
=
"5"
SecondaryIconTop
=
"5"
/>
</
telerik:RadButton
>
</
div
>
<
div
class
=
"Progress"
>
<
asp:Label
ID
=
"lblProgress"
runat
=
"server"
Text
=
"Progress"
></
asp:Label
>
</
div
>
<
div
class
=
"Next"
>
<
telerik:RadButton
ID
=
"btnNext"
Text
=
"Next"
runat
=
"server"
Width
=
"220px"
onclick
=
"btnNext_Click"
>
<
Icon
SecondaryIconCssClass
=
"rbNext"
SecondaryIconRight
=
"5"
SecondaryIconTop
=
"5"
PrimaryIconCssClass
=
"rbNext"
PrimaryIconLeft
=
"5"
PrimaryIconTop
=
"5"
/>
</
telerik:RadButton
>
</
div
>
<
div
id
=
"divSubmit"
runat
=
"server"
class
=
"Progress"
style
=
"display:none"
>
<
telerik:RadButton
ID
=
"btnSubmit"
Text
=
"Submit Evaluation"
runat
=
"server"
Width
=
"320px"
onclick
=
"btnSubmit_Click"
>
</
telerik:RadButton
>
</
div
>
</
div
>
.HeaderButtons
{
margin
:
auto
;
position
:
relative
;
display
:
block
;
margin
:
auto
;
text-align
:
center
;
width
:
955px
;
float
:
left
;
}
.Previous
{
width
:
250px
;
position
:
absolute
;
left
:
0px
;
top
:
0px
;
text-align
:
left
;
float
:
left
;
}
.Next
{
width
:
250px
;
position
:
absolute
;
right
:
0px
;
top
:
0px
;
text-align
:
right
;
float
:
right
;
}
.Progress
{
width
:
955px
;
position
:
absolute
;
top
:
0px
;
left
:
0px
;
text-align
:
center
;
}