No replies
doler
Offline
newbie
Last seen: 14 years 25 weeks ago
Timezone: GMT+1
Joined: 2008-01-08
Posts: 1
Points: 0

Everything works good except classes .top and .bottom for sub menu.
Look at it for awhile but can't figure out why it works good in FF but not in IE. Hopfully someone can help me.

HTML:

FamiljenHellgren.se

O Helga Natt

Konsert i Karlstads domkyrka. Mirjam Hellgren, Erland Hagegård och en musikklass. Stående ovationer efter Pizza låt och sång.

27 dec 2007

Kommande spelningar 27 dec - O Helga natt
Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . . Här är massa info om spelningen. Och ännu mer info. . .
31 dec - Gott Nytt År!
Nyårskonsert med Ola på piano
8 feb - Grattis Ida
Födelsedagskonsert för Olas lillasyster

CSS:
@charset "utf-8";
/* CSS Document */

/* Margin and z-index */
#menuContainer {
margin:0px 0 10px 0px;
position:relative; width:700px;
height:25px;
z-index:1000;
}

/* Remove padding, margin and bullets from original list */
#menu, #menu ul {
padding:0;
margin:0;
list-style-type: none;
}

/* Link size, color, borders and font */
#menu a, #menu a:visited {
display: block;
width: 130px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
height: 25px;
line-height: 24px;
text-decoration:none;
text-indent: 5px;
border: 3px solid #4A4ABA;
border-width:0px 0 3px 0px;
}

/* Sub level borders */
#menu li ul li a, #menu li ul li a:visited {
width: 126px;
font-size: 12px;
border-width:0px 2px 0px 2px;
background-color: #FFFFFF;
color: #4A4ABA;
}

#menu li ul li a.top {
border-width: 2px 2px 0px 2px;
}

#menu li ul li a.bottom {
border-width: 0px 2px 2px 2px;
}

#menu li ul li a:hover {
background-color: #4A4ABA;
color: #FFFFFF;
}

#menu li a.enclose, #menu li a.enclose:visited {
border-width: 3px;
}

#menu li {
float:left;
background: #00006E;
}

/* For Non-IE browsers and IE7 */
#menu li:hover {
position:relative;
}

#menu li:hover > a {
background: #4A4ABA;
color: #FFFFFF;
}

#menu li ul {
display:none;
}

#menu li:hover > ul {
display:block;
position:absolute;
top:-11px;
left:80px;
padding:10px 30px 30px 30px;
background:transparent url(transparent.gif);
width:126px;
}

/* Position the first sub level beneath the top level links */
#menu > li:hover > ul {
left:-30px;
top:16px;
}

/* get rid of the table */
#menu table {
position:absolute;
border-collapse:collapse;
top:0;
left:0;
z-index:100;
font-size:1em;
}

/* For IE5.5 and IE6 */
* html #menu li a:hover {
position:relative;
background:#4A4ABA;
color:#FFFFFF;
}

/* Top level tabbing */
#menu li a:active, #menu li a:focus {
background: #4A4ABA;
color: #FFFFFF;
}

#menu li.fly {
background: #FFFFFF url(images/fly.gif) no-repeat right center;
}

#menu li.drop {
background: #00006E;
}

/* For IE5.5 and IE6 ONLY - Make sub levels appear */

* html #menu li ul {
visibility:hidden;
display:block;
position:absolute;
top:-11px;
left:80px;
padding:10px 30px 30px 30px;
background:transparent url(images/transparent.gif);
}

#menu li a:hover ul ul{
visibility:hidden;
}

#menu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

#menu li a:hover ul a:hover ul{
visibility:visible; top:-11px; left:80px;
}

and the other:
@charset "utf-8";
/* CSS Document */

/* Colors to be used (from Colorblender.com)
#00006E - Dark blue (RGB 0/0/110)
#0000BA - Clear blue
#2C2C6E - Faded blue
#4A4ABA - Light blue
#919191 - Light gray
#6E6E6E - Dark gray
*/

body {
background-color: #00006E;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#page {
width: 700px;
margin: 0 auto;
}

#header h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
}

#footer {
font-size: 9px;
clear: both;
text-align: center;
padding-top: 5px;
}

#leftcontainer {
width: 300px;
float: left;
}
#rightcontainer {
width: 370px;
float: right;
}

#news {
font-size: 12px;
}

#news h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
}

.date {
font-size: 9px;
font-style: italic;
float: right;
}

#gigs {
font-size: 12px;
}

#gigs h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
}

#gigs table{
width: 300px;
background-color: #4A4ABA;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
}

#gigs td {
vertical-align: top;
}

#gigs #date {
width: 40px;
}

#gigs #divider {
width: 10px;
text-align: center;
}

#gigs #gigInfo {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
}

#gigs #gigInfo #divPic {
float: right;
padding: 5px;
}

#gigs #showInfo {
text-decoration: none;
color: #FFFFFF;
}

#gigs #showInfo:hover {
color: #2C2C6E;
}

#gigs #picInfo {
border: none;
vertical-align: bottom;
}

Thanks!