I have 2 questions..

1. I finally posted a blog entry, but then when I viewed my profile, it looked like this:


How do I change it so that the width stops at the red line?

Here's my code of my layout:
CODE
GLOBAL_HEAD<=

<title>-----+BISHOUNEN</title>
<style type="text/css">
<!--

body {
background-image: url("http://img504.imageshack.us/img504/1104/untitled3xb1.png");
background-repeat: repeat;
background-position: top left;
background-color:#CCCCCC;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #9999999;
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
font-family: Century Gothic;
font-size: 8pt;
color: #FFFFFF;
text-align: justify;}


BODY, TD {font-family: Verdana, Arial, Helvetica, sans-serif; color:#825346; font-size:9;}
A:link, a:visited, a:active{
color: #FFFFFF;
font-size: 8pt;
letter-spacing: 0px;
font-family: tahoma;
font-weight: bold;
text-decoration: none;
}
A:hover{
cursor: ne-resize;
color: #FFFFFF;
background-color:#CCCCCC;
font-size: 8pt;
letter-spacing: 0px;
font-family: tahoma;
text-decoration: none;
font-weight: bold;
}

body {
overflow-x: hidden;
margin-left: 200;
margin-top: 170;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 560px;
margin-left: 0%;
margin-right: 78%;
background-color: #CCCCCC;}

table table {
width: 560px;
margin:0;
}
table table table {
width: 560px;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:200; top:50;}
-->
</style>
</xx-head>


<xx-p>

<xx-p>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<img
src="http://img506.imageshack.us/img506/4287/banner9fq.png" class="x" width="560" height="123">


LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {
                 visibility:hidden;
                 position:absolute;
                 top:1px}
                 table table table table table .meta {
                 visibility:visible;
                 position:relative;
                 top:1px}

tr.caption{
                 display:none
}
.shadowed td div{
                 visibility: hidden;
                 position: absolute;
                 top: 1px
}
-->
</style>
<=LASTN_WEBSITE


<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=FRIENDS_TALK_LINKS

DAY_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=
<img
src="http://img506.imageshack.us/img506/4287/banner9fq.png" class="x" width="560" height="123">

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {
                 visibility:hidden;
                 position:absolute;
                 top:1px}
                 table table table table table .meta {
                 visibility:visible;
                 position:relative;
                 top:1px}

tr.caption{
                 display:none
}
.shadowed td div{
                 visibility: hidden;
                 position: absolute;
                 top: 1px
}
-->
</style>
<=LASTN_WEBSITE



<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<img
src="http://img506.imageshack.us/img506/4287/banner9fq.png" class="x" width="560" height="123">

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {
                 visibility:hidden;
                 position:absolute;
                 top:1px}
                 table table table table table .meta {
                 visibility:visible;
                 position:relative;
                 top:1px}

tr.caption{
                 display:none
}
.shadowed td div{
                 visibility: hidden;
                 position: absolute;
                 top: 1px
}
-->
</style>
<=LASTN_WEBSITE

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<img
src="http://img506.imageshack.us/img506/4287/banner9fq.png" class="x" width="560" height="123">



<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=LASTN_TALK_LINKS


2. I want to use my LJ as a place to showcase my graphics.. However, how do people do this for their icons?



Help is appreciated =)