Hi Lori,
I'd like to offer a solution that requires 2 changes.
#left-bar ul {
font-size: 0.9em;
width: 180px;
/* margin: 0; DELETE */
margin: 0 auto; /* ADD */
padding: 0;
border-style: none; }
#left-bar a {
text-decoration: none;
text-align: center;
width: 100%;
/* margin-right: 10px; DELETE */
/* margin-left: 10px; DELETE */
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #c0c0c0;
display: block; }
In your original #left-bar a { . . . }, the margin-left and
margin-right settings centered your list in the *nice* browsers, but
caused a shift in IE7. Delete those margin settings. This will cause a
loss of centering in the *nice* browsers. We know which ones those
are without listing them. :)
To restore centering in the *nice* browsers, just add margin: 0 auto;
to #left-bar ul and delete margin: 0; from the same.
Hope this helps,
Greg
______________________________________________________________________
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/
