Hello All -

This is the first time I've come across this issue.

First, go here in either FireFox or IE7 or greater:
http://www.sangat.ph/index.php?cmd=08.01.00

Both of these browsers render two guestbook entries (displayed in a table)
with a thin green line set on the top border of each of the two tables. This
is the way it should look.

Now, if you go to the same page with Opera, Safari (windows), or Chrome, the
table border only renders to the width of <td class="flag"> within each of
these two tables. Hummm.

My css is pretty straight forward:

table.guestBook
{
        border-top: 1px solid #9CA027;
        border-bottom: none;
        border-right: none;
        border-left: none;
        margin-bottom: 20px;
}

table.guestBook td.flag
{
        padding: 0;
        width: 64px;
}

table.guestBook th, table.guestBook td
{
        font-size: 1.2em;
        text-align: left;
        border: none;
        padding: 0px 0px 5px 15px;
}

table.guestBook th.name
{
        font-size: 1.4em;
        color: #2695c0;
}

table.guestBook img.stars
{
        position: relative;
        left: 3px;
        top: 3px;
}

table.guestBook td.comment
{
        padding-top: 10px;      
}

Has anyone else come across this non-Firefox, non i.e. issue? Any
suggestions on how to fix it?

Great appreciation for all guidance!

Cole



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

<<attachment: winmail.dat>>

Reply via email to