Table trouble!

[carl allan 0]

Hi, some of my pages have tables in it. I have this problem, when you hover a mouse on the table it will be highlited blue (on css defenitions) but on mouse out, my tables somehow, shrinks by a pixel or two. how can i resolve this.

[Champion_Munch 0]

A good start would be to provide us with a link/source. :)with regards

[carl allan 0]

i'll post my CSS definitions, i think the problems are on the pixel or something.td.section-cell { border-bottom: 1px solid #ffffff; padding: 0px 2px 0px 2px; text-indent: 0px; text-align: left;}td.section-cell-selected {/*color: #ffffff;*//*background-color: #5888BC;*/background-color: #A4DAEE;border-bottom: 1px solid #ffffff;padding: 0px 2px 0px 2px;text-indent: 0px; text-align: left;section-cell if not selected and section-cell-selected if selected.

[carl allan 0]

If you want the FULL CSS definition for this one here it is./* Copyright 2004 Instant802 Networks, Inc. All Rights Reserved. */@charset "iso-8859-1";/* constains table style elements. *//* import the corporate styles. */@import url(i802.css); /* sectioned styled table */table.standard {border-collapse: collapse;font-size: 9px;}/* sectioned styled table */table.sectioned {border-collapse: collapse;font-size: 9px;}/* style for the body of each section */tbody.section-body {}/* style for each cell in each section */td.section-cell { border-bottom: 1px solid #ffffff; padding: 0px 2px 0px 2px; text-indent: 0px; text-align: left;}td.section-cell-selected {/*color: #ffffff;*//*background-color: #5888BC;*/background-color: #A4DAEE;border-bottom: 1px solid #ffffff;padding: 0px 2px 0px 2px;text-indent: 0px; text-align: left;}td.section-cell-right {border-bottom: 1px solid #ffffff;text-align: right;text-indent: 3px;}/* style for each row in each section */tr.section-row {}/* style for each section title */.section-title {border-bottom: 2px solid #333333;color: #333333;font-size: medium;font-style: normal;padding-top: 8px;text-indent: 3px;white-space: nowrap;}/* style for the header cells with child header below. */td.section-header-super {background-color: #cccccc;font-size: 11px;font-weight: bold;padding: 2px 2px 2px 2px;text-align: left;text-indent: 3px;white-space: nowrap;}/* style for the header cells */td.section-header {background-color: #dddddd;font-size: 10px;font-weight: bold;padding: 2px 2px 2px 2px;text-align: left;text-indent: 0px;white-space: nowrap;}td.section-header-center {background-color: #dddddd;font-size: 10px;font-weight: bold;padding: 2px 2px 2px 2px;text-align: center;white-space: nowrap;}td.section-header-vertical {background-color: #eeeeee;font-weight: bold;padding: 2px 2px 2px 2px;text-align: left;white-space: nowrap;}/* style for section separtors */td.section-separator {border-top: 4px solid #550033;height: 0%;}/* style for each sortable column header */td.sortable {text-decoration: underline;}/* style for each section title */tr.oddtablerow {background-color: #DCDCFF;}/* style for each section title */tr.eventablerow {background-color: #ffffff;}