No Navigation in IE and How to treat the Entry Header seperate from the Page Header

[genlisae]

Username of journal: simstorylibrary

Layout Style: Smooth Sailing

Basic, Paid or Plus: Plus

Problem you are having:

1: I have the Navigation (.header-menu, 'Recent Entries, Archive, etc' ) styled to come in at the top of the page overlaying the left side of the header image. This works fine in Firefox. In IE there is no Navigation Stripe visible at all. Is there a way to force visibility in IE?

2. I have the Page Header (.body-title) styled to be on the lower right corner of the header image and I would like to keep it there. Unfortuntately when on an individual entry page the Entry Subject (.entryHeaderSubject, appears after the date/time on the recent entries page) becomes the Page Header and leaves the Entry Subject slot on the Entry Header bar (.entryheader) blank. That I don't like.

Is there a way to seperate the elements or at the very least also keep the Entry Title still displaying in the Subject slot on the Entry Title bar? I am okay with it if it displays in both places!

Thanks



.header-menu {
position: absolute; top: 60px;
text-shadow: #000000 3px 3px 0.1em;
background: transparent;
border-top: none;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
padding-left: 19px;
font-size: 12px;
line-height: 20px;
}

.entryHeader
{
background-color: transparent;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ffffff;
margin-bottom: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
}

.pageblock {
background: #596ac2 url(http://genlisae.ge.funpic.org/pics/pics/rotate.php) no-repeat top center;
padding-top:300px;
margin-top: 5px;
}

.sidebox {
background-color: transparent;
border-top: none;
border-width: 2px;
border-style: solid;
border-color: #596ac2;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

.sideboxTitle {
background-color: transparent;
}

#tags_sidebox {
height: 500px;
overflow-x: hidden;
overflow-y: auto;
font-size: 0 !important;
}

#tags_sidebox a {display: block; font-size: 11px;}

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

.header-title {
background: transparent;
font-size: 35px;
font-weight:600;
position: absolute; left: 260px; top: 90px;
text-shadow: #000000 3px 3px 0.1em;
}

.header-subtitle {
background-color: transparent;
font-size: 24px;
position: absolute; left: 300px; top: 130px;
text-shadow: #000000 3px 3px 0.1em;
}

.bodyheaderblock {
position: absolute; left: 60%; top: 320px;
text-shadow: #000000 3px 3px 0.1em;
background-color: transparent;
border: none;
}

.bodyblock {
background: #f7f8fe url(http://i1133.photobucket.com/albums/m586/SSLMod/transition.png) repeat-x top center;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}

.body-midtitle {
display: none;
}

.bodynavblock {
background-color: #8798f0;
border-top: none;
border-width: 2px;
border-style: solid;
border-color: #596ac2;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

.entryHolder {
background-color: transparent;
border-width: 2px;
border-style: solid;
border-color: #596ac2;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}

.entryUserinfo {
padding-left: 8px;
padding-right: 4px;
padding-top: 4px;
}

.entryMetadata li {
padding-right: 10px;
overflow-x: hidden;
overflow-y: auto;
}

.entryLinkbar {
background-color: transparent;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #596ac2;
padding-top: 10px;
}

.commentHeader {
background-color: transparent;
border-top: none;
border-width: 2px;
border-style: solid;
border-color: #596ac2;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}