2 .webfx-menu, .webfx-menu * {
4 Set the box sizing to content box
5 in the future when IE6 supports box-sizing
6 there will be an issue to fix the sizes
8 There is probably an issue with IE5 mac now
9 because IE5 uses content-box but the script
10 assumes all versions of IE uses border-box.
12 At the time of this writing mozilla did not support
13 box-sizing for absolute positioned element.
15 Opera only supports content-box
17 box-sizing: content-box;
18 -moz-box-sizing: content-box;
25 border: 1px solid #7e0079;
29 box-shadow: #333333 1px 1px 2px;
34 border: 1px solid white;
35 padding: 2px 5px 2px 5px;
37 /* font-family: Tahoma, Verdan, Helvetica, Sans-Serif; */
43 /* width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */
44 width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */
46 /* padding: 2px 0px 2px 5px; */
47 padding: 1px 0px 1px 5px;
49 /* font-family: Verdana, Arial, Helvetica, sans-serif; */
51 text-decoration: none;
52 vertical-align: center;
54 border: 1px solid white;
57 .webfx-menu a:visited {
59 border: 1px solid white;
63 border: 1px solid #7e0079;
64 -moz-border-radius: 4px;
65 -webkit-border-radius: 4px;
70 .webfx-menu a[href]:hover {
72 text-decoration: none;
75 .webfx-menu a .arrow {
86 height: expression(constExpression(ieBox ? "2px" : "0"));
87 border-top: 1px solid #7e0079; /* rgb(120,172,255); */
88 border-bottom: 1px solid rgb(234,242,255);
90 margin: 2px 0px 2px 0px;
95 /* background: rgb(120,172,255);/*rgb(255,128,0);*/
96 /* background: #a097ed; */
98 /* border: 1px solid #7E0079; */
99 /* border: 1px solid #000000; */
105 /* IE5.0 has the wierdest box model for inline elements */
106 padding: expression(constExpression(ie50 ? "0px" : "2px"));
110 .webfx-menu-bar a:visited {
111 /* i want a vertical bar */
112 /* display: block; */
114 padding: 1px 5px 1px 5px;
120 text-decoration: none;
122 /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
123 height: expression(constExpression(ie50 ? "17px" : "auto"));
125 border: 1px solid #dddddd;
131 .webfx-menu-bar a:link {
136 .webfx-menu-bar a:hover {
137 text-decoration: underline;
141 .webfx-menu-bar a .arrow {
144 /* vertical-align: top; */
146 /* margin-right: 3px; */
151 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
155 ie does not support outline but ie55 can hide the outline using
156 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
158 ie-dummy: expression(this.hideFocus=true);
163 width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */