CSS Issues

[gwink]

I am trying to add "tab" like navigation to my pages that work without javascript. There is no problem in HTML but when I convert to iSilo format and display on my Palm the borders around the tabs are not there.
Here is the .css in question

#tabmenu {
color: #000;
border-bottom: 1px solid black;
margin: 5px 0px 0px 0px;
padding: 0px;
z-index: 1;
padding-left: 10px }

#tabmenu li {
display: inline;
overflow: hidden;
list-style-type: none;
margin: 5; }

#tabmenu li.selected a{
background: #E8E9BE;
color: #000;
display: inline;
text-decoration: none;
overflow: hidden;
list-style-type: none; }

#tabmenu a, a.active {
color: #DEDECF;
background: #800000;
font: bold 12px "Verdana";
border: 1px solid black;
padding-top: 6px;
padding-right: 5px;
padding-left: 5px;
text-decoration: none; }

#tabmenu a.active {
background: #ABAD85;
border-bottom: 1px solid #ABAD85; }

#tabmenu a:hover {
color: #fff;
background: #ADC09F; }

#tabmenu a:visited {
color: #E8E9BE; }

#tabmenu a.active:hover {
background: #ABAD85;
color: #DEDECF; }

TIA,

Gil

[iSilo]

Can you post a sample HTML source file and accompanying CSS source file in a zip as a file attachment?

[gwink]

here's the code.
Thanks,

Gil

[iSilo]

Thank you for the sample files. We have investigated this and the problem is that iSilo currently does not have support for borders around inline content.

[gwink]

Thanks for looking into this. That makes sense.

Gil