| /* Menu */ |
| #menu { |
| width: 770px; |
| height: 65px; |
| margin: 0 auto; |
| border-right: 1px solid #EDEBD5; |
| } |
| #menu ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| } |
| #menu li { |
| display: inline; |
| } |
| #menu a { |
| display: block; |
| float: left; |
| width: 109px; |
| height: 45px; |
| padding: 20px 0 0 0; |
| border-left: 1px solid #EDEBD5; |
| text-transform: lowercase; |
| text-decoration: none; |
| text-align: center; |
| font-size: 144%; |
| color: #BABABA; |
| } |
| #menu a:hover { |
| background: #F7F7F4; |
| } |
| #menu .active a { |
| background: #ba3a01; |
| color: #FFFFFF; |
| } |
| <div id="menu"> |
| <ul> |
| <li class="active"><a href="#">Home</a></li> |
| <li><a href="#">Link 2</a></li> |
| <li><a href="#">Link 3</a></li> |
| <li><a href="#">Link 4</a></li> |
| <li><a href="#">Link 5</a></li> |
| <li><a href="#">Link 6</a></li> |
| <li><a href="#">Link 7</a></li> |
| </ul> |
| </div> |
The editor used was IE7.
I created a table with the Table Wizard. I clicked on the "Columns: +" button twice to expand the table to 4 columns and then clicked on the "Rows: +" button twice to expand the table to 4 rows. I then selected the cell at position 1,1 and clicked on the "Column Span: +" column twice to cause the cell to span columns 1,2 and 3 in the table. I then clicked the "Row Span: +" button once and instead of having this cell span rows 1 and 2, two columns were inserted to the left of the cell and the cell at position 4,4 was changed to span two rows and 3 columns. The original cell still only spanned a single row.
I've reproduced this exact behavior multiple times, but found no mention of anything like this in the forums. Does anyone know what might be happening here?
Thanks,
Mark