CSS3 PIE Forums
http://css3pie.com/forum/

:active ignored
http://css3pie.com/forum/viewtopic.php?f=3&t=83
Page 1 of 1

Author:  giuliano [ Tue Aug 03, 2010 10:00 am ]
Post subject:  :active ignored

hello,
in the example that I've attached looks like the :active state on the links is ignored unless I click, drag out the mouse out and then release.

am I doing anything wrong?
thank you in advance

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link href="screen.css" media="screen" rel="stylesheet" type="text/css" />
        <!--[if lt IE 9]>
            <style type="text/css">
                #navigation a { behavior: url(pie.htc); }
            </style>
        <![endif]-->
    </head>

    <body>
        <ul class="clearfix" id="navigation">
            <li><a href="">voce menu 1</a></li>
            <li><a href="">voce menu 2</a></li>
            <li><a href="">voce menu 3</a></li>
            <li><a href="">voce menu 4</a></li>
        </ul>
    </body>
</html>


Code:
/* begin reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}

:focus {
   outline: 0;
}

ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* end reset */

/* begin clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* end clearfix */

body, html {
    height: 100%;
    width: 100%;
}

body { background: #f8f8f8; color: #333; font-family: Trebuchet, Tahoma, Arial, sans-serif; }
#navigation { display: block; }
    #navigation li { height: 100%; }
        #navigation a {
            background: #ff7400 url('navigation_element_bg.gif') repeat-x;
            border: 1px solid #ff7702;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            color: #fff;
            display: block;
            font-size: 18px;
            margin-bottom: 10px;
            padding: 10px 15px;
            position: relative;
            text-decoration: none;
        }
        #navigation a:hover { background-position: 0 -39px; }
        #navigation a:active { background-position: 0 -78px; }


Attachments:
navigation_element_bg.gif [402 Bytes]
Downloaded 237 times

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/