I have a problem with the pictures in posts lining up correctly and there is some weird scroll bar there that has no reason to be there. in IE it is perfectly fine!

here is the link: http://adulthood-101.livejournal.com/
and here is the code:

GLOBAL_HEAD<=
<meta content="revealTrans(transition=3, duration=1.0)" http-equiv="Page-Enter">
<meta content="revealTrans(transition=17, duration=1.0)" http-equiv="Page-Exit">
<title>no not baby anymore...</title>
<style type="text/css">
<!--
body {
background-color: black;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
background-image:url('http://i4.photobucket.com/albums/y117/kingzjewel/LJnewj.jpg');
color:#fff;
}
-->
<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 87%;
margin-left: 3%;
margin-right:5%;
}
/* do NOT change these numbers */
table table {
background-color:#333333;
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->
div {
color:#6699FF;
position:absolute;
top:80px;
left:545px;
width: 347px;
height: 392px;
overflow:auto;
z-index:2;
clip:rect(auto);
}

<!--
body {
scrollbar-base-color: black;
}
-->
<!--
body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 11pt;
}
-->
<!--
a {
color: #00CC66;
text-decoration:underline overline;
}
a:visited {
color:#FF6666;
}
a:hover {
cursor: hand;
cursor:pointer;
text-decoration:overline underline;
color:#9999FF;
filter:glow(Color=#FF0000,Strength=2);
}
-->

</style>

<=GLOBAL_HEAD

FRIENDS_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>

LASTN_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

FRIENDS_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

DAY_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>

DAY_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

LASTN_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>



also having an alignment problem with photobucket hosted photos. they arent lining up with their posts. that is in both browsers.

I made a few little changes, you can see if this changes anything:


GLOBAL_HEAD=>
<meta content="revealTrans(transition=3, duration=1.0)" http-equiv="Page-Enter">
<meta content="revealTrans(transition=17, duration=1.0)" http-equiv="Page-Exit">
<title>no not baby anymore...</title>
<style type="text/css">
body {
background-color: #000000;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
background-image:url('http://i4.photobucket.com/albums/y117/kingzjewel/LJnewj.jpg');
color:#ffffff;
scrollbar-base-color: #000000;
}

/* change these numbers, must add up to 95% or less*/
table {
width: 87%;
margin-left: 3%;
margin-right:5%;
}

/* do NOT change these numbers */
table table {
background-color:#333333;
width: 100%;
margin:0;
}

table table table {
width: auto;
}

div {
color:#6699FF;
position:absolute;
top:80px;
left:545px;
width: 347px;
height: 392px;
overflow:auto;
z-index:2;
clip:rect(auto);
}

body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 11pt;
}

a {
color: #00CC66;
text-decoration:underline overline;
}

a:visited {
color:#FF6666;
}

a:hover {
cursor: hand;
cursor:pointer;
text-decoration:overline underline;
color:#9999FF;
filter:glow(Color=#FF0000,Strength=2);
}
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P><=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> | <=LASTIN_TALK_READLINK

FRIENDS_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> | <=FRIENDS_TALK_READLINK

DAY_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P> <=DAY_TALK_LINKS

DAY_TALK_READLINK=><a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |<=DAY_TALK_READLINK

LASTN_TALK_LINKS=><p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P> <=LASTN_TALK_LINKS


However, I think that you should play around with the width and margins in the table{} override. Other than that, I can't pinpoint anything right now that would cue into why it's doing that.

for whatever reason, neither code is saving. i copied and pasted it as is and the code wont stick. after i save, the code between the global_head disappears completely

I noticed that the arrows for global head and all of the comment overrides were going this way at the beginning: => and should be going this way: <=. I fixed them all. Try this and see if it sticks this time.


GLOBAL_HEAD<=
<meta content="revealTrans(transition=3, duration=1.0)" http-equiv="Page-Enter">
<meta content="revealTrans(transition=17, duration=1.0)" http-equiv="Page-Exit">
<title>no not baby anymore...</title>
<style type="text/css">
body {
background-color: #000000;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
background-image:url('http://i4.photobucket.com/albums/y117/kingzjewel/LJnewj.jpg');
color:#ffffff;
scrollbar-base-color: #000000;
}

/* change these numbers, must add up to 95% or less*/
table {
width: 87%;
margin-left: 3%;
margin-right:5%;
}

/* do NOT change these numbers */
table table {
background-color:#333333;
width: 100%;
margin:0;
}

table table table {
width: auto;
}

div {
color:#6699FF;
position:absolute;
top:80px;
left:545px;
width: 347px;
height: 392px;
overflow:auto;
z-index:2;
clip:rect(auto);
}

body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 11pt;
}

a {
color: #00CC66;
text-decoration:underline overline;
}

a:visited {
color:#FF6666;
}

a:hover {
cursor: hand;
cursor:pointer;
text-decoration:overline underline;
color:#9999FF;
filter:glow(Color=#FF0000,Strength=2);
}
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=<p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P><=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK<=<a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> | <=LASTIN_TALK_READLINK

FRIENDS_TALK_READLINK<=<a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> | <=FRIENDS_TALK_READLINK

DAY_TALK_LINKS<=<p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P> <=DAY_TALK_LINKS

DAY_TALK_READLINK<=<a HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |<=DAY_TALK_READLINK

LASTN_TALK_LINKS<=<p ALIGN="RIGHT"><font FACE="arial" SIZE=1>(%%readlink%%<a HREF="%%urlpost%%">share your thoughts</A>)</FONT></P> <=LASTN_TALK_LINKS

thanks for the help. unfortunately the 2nd scrolling area keeps popping up on firefox, but at least the code is sticking now and it looks great in IE.

Well, if IE is your main browser, then don't be too concerned with Firefox, because you can't please everyone all the time. I know my LJ looks a little off in FF, but fine in IE. I just don't worry about it [even though I use FF all the time.]

Glad I could help. :)