Shoutbox

Hey guys im need some css help here what im trying to do:

with out using images im trying to make the text background change color when hovered. I can do this only it changes only what the text covers in FX but in IE it works how i want...... heres the code:

code:

---

#side {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #99CCFF;
    width: 300px;
    border: 2px solid #000000;
}
#side-item {
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
    background-color: #99CCFF;
    color: #FFFFFF;
    text-align: center;
}
#side-item a:hover {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #167BAB;
    color: #FFFFFF;
    width: 300px;

---

can someone tell me how to make 300px background change in FX because other things like that work in FX anyways heres the page: http://valspy.mine.nu/valspy/ver2/

(put mouse over home)

code:

---

#side-item a:hover {
font-family: Arial, Helvetica, sans-serif;
background-color: #167BAB;
color: #FFFFFF;
width: 300px;
display:block; }

---

try that..

quote:

---

Originally posted by hmaster
display:block;

---

ok thanks man i owe you one i never used the display line what dose it do?

copy -pasted straight from w3schools:

The display property sets how/if an element is displayed.

Possible Values

none -     The element will not be displayed
block -    The element will be displayed as a block-level element, with a line break before and after the element
inline - The element will be displayed as an inline element, with no line break before or after the element
list-item - The element will be displayed as a list
run-in - The element will be displayed as block-level or inline element depending on context
compact - The element will be displayed as block-level or inline element depending on context
table -    The element will be displayed as a block table (like <table>), with a line break before and after the table
inline-table - The element will be displayed as an inline table (like <table>), with no line break before or after the table
table-row-group - The element will be displayed as a group of one or more rows (like <tbody>)
table-header-group - The element will be displayed as a group of one or more rows (like <thead>)
table-footer-group - The element will be displayed as a group of one or more rows (like <tfoot>)
table-row - The element will be displayed as a table row (like <tr>)
table-column-group  - The element will be displayed as a group of one or more columns (like <colgroup>)
table-column - The element will be displayed as a column of cells (like <col>)
table-cell - The element will be displayed as a table cell (like <td> and <th>)
table-caption - The element will be displayed as a table caption (like <caption>)

quote:

---

Originally posted by lordy16
copy -pasted straight from w3schools:

The display property sets how/if an element is displayed.

Possible Values

none - The element will not be displayed
block - The element will be displayed as a block-level element, with a line break before and after the element
inline - The element will be displayed as an inline element, with no line break before or after the element
list-item - The element will be displayed as a list
run-in - The element will be displayed as block-level or inline element depending on context
compact - The element will be displayed as block-level or inline element depending on context
table - The element will be displayed as a block table (like <table>), with a line break before and after the table
inline-table - The element will be displayed as an inline table (like <table>), with no line break before or after the table
table-row-group - The element will be displayed as a group of one or more rows (like <tbody>)
table-header-group - The element will be displayed as a group of one or more rows (like <thead>)
table-footer-group - The element will be displayed as a group of one or more rows (like <tfoot>)
table-row - The element will be displayed as a table row (like <tr>)
table-column-group  - The element will be displayed as a group of one or more columns (like <colgroup>)
table-column - The element will be displayed as a column of cells (like <col>)
table-cell - The element will be displayed as a table cell (like <td> and <th>)
table-caption - The element will be displayed as a table caption (like <caption>)

---

i have one quesion how do you do colospan and rowspan with css?