A bug in WebKit which can not render outline for a table

The bug is simple. I can not apply an outline to a table. Below is the code I used to test in Chrome and Safari:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
  border: thin solid green;
  outline: thick dotted red;

    <td>Cell 1</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
    <td>Cell 4</td>


In Firefox, you can see the outline drawn starting just outside the border edge. But in Chrome/Safari, you can only see the border.

Firefox Chrome

Wordaround: N/A


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s