warriortang
IE7 multiple stylesheets bug
The bold numbers are links. I made them CSS block objects so the clickable area could be expanded to the entire table cell instead of just the number. In the same CSS file, the td's padding is set to 0 and IE sets the link's block width based on that information. In a separate CSS file, the td padding is set to 0.3em. IE fails to recalculate a new width for the link's block based on the new size of the td, and instead shoves the now too-large block after the 0.3em of padding. The result is not pretty. The fix is to make the first padding style !important so it overrides the later one.
Oddity: the first time I tried that, Firefox 3 started drawing the Sat/Sun borders behind the pink background colour. That problem went away after I reverted the CSS and started over, and I never figured out what caused it.
IE7 multiple stylesheets bug
The bold numbers are links. I made them CSS block objects so the clickable area could be expanded to the entire table cell instead of just the number. In the same CSS file, the td's padding is set to 0 and IE sets the link's block width based on that information. In a separate CSS file, the td padding is set to 0.3em. IE fails to recalculate a new width for the link's block based on the new size of the td, and instead shoves the now too-large block after the 0.3em of padding. The result is not pretty. The fix is to make the first padding style !important so it overrides the later one.
Oddity: the first time I tried that, Firefox 3 started drawing the Sat/Sun borders behind the pink background colour. That problem went away after I reverted the CSS and started over, and I never figured out what caused it.