hi all,
I have a DIV element for which a table is appended..
CSS for this div element is..
-
.optiondiv
-
{
-
display:block;
-
padding: 0px 30px;
-
padding-left: 30px;
-
padding-right: 30px;
-
}
-
and CSS for table is
-
.headeroptions
-
{
-
background-color: #8CB0D2;
-
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica;
-
font-weight:bolder;
-
width: 100%;
-
padding: 0px 30px;
-
padding-left: 30px;
-
padding-right: 30px;
-
}
-
The problem is in FF it is displayed correctly with 30px on left and right side..
but in IE left 30px is there but in right side 30px is not working.. It spans beyond the visual screen with a horizontal scrollbar.
I couldnt get why this is happening. when we say padding-left and padding-right
the padding is with respect to current screen right?
plz help
Xoinki