Fred Janon wrote: > [...] So I am trying to generate a square box either empty or an 'X' > to reflect the state of the checkbox in read mode. So I need an > element with a border all around, either empty or with an 'X' inside.
The following should work... .box {border: solid 1px #000; position: relative; padding: 0 1px;} <span class='box'>   </span> Male<span class='box'>X</span>Female ...but the number of 'non breaking spaces' needed in the "empty" span depends on which 'font-family' you use. IE needs that 'position: relative;' in order to do a proper "paint job", as it may otherwise get the stacking wrong and cut off what doesn't fit within 'line-height'. Manipulating 'line-height' may also work. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/