2 Replies Latest reply on Jan 16, 2013 2:21 PM by capt89

    Spry Menu Border not showing, please help?




      New to this forum, so I would be grateful of some help.


      I am creating a horizontal spry menu bar, I am playing about with it at the moment and this is the code for the ul.MenuBarHorizontal li:


      ul.MenuBarHorizontal li


                margin: 0;

                padding: 0;

                list-style-type: none;

                font-size: 100%;

                position: relative;

                text-align: left;

                cursor: pointer;

                width: 8em;

                float: left;

                border-top-width: 10px;

                border-right-width: 10px;

                border-bottom-width: 10px;

                border-left-width: 10px;

                border-top-color: #FF00FF;

                border-right-color: #FF00FF;

                border-bottom-color: #FF00FF;

                border-left-color: #FF00FF;


      The design view shows me that there is a border present (not the actual colour but a transparent 10px bored in design view) Then when I preview in browser it doesn't show anything at all, just normal- no border at all?


      I am pretty new to web design so simple terms would be much appreciated!


      Thanks in advance