Hello

I hope you can help me. I made a new layout and now I use like two background images.
The first one repeats and the second is.. uhm.. my header. sort of.
now, if you look at it, you can see that there is this free space at the top. I want it to be gone ^^;
plus, between the links to userinfo etc and friendspage etc there is a part of my background image and I have no idea why it is there and how I can remove it.

Hope someone understands what I mean x_X;

link to my LJ:
http://www.livejournal.com/users/muhkuhx3

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://i21.photobucket.com/albums/b255/lj````ai/background12.jpg) !important;
background-repeat: repeat-y !important;
background-attachment: scroll !important;
background-position: 0% !important}

div {
background-image: url(http://i21.photobucket.com/albums/b255/lj````ai/bg.jpg);
background-repeat: no-repeat;
background-position: 25% 0%;
padding-top: 440;
text-align: left;
}

-->

<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 25%;
margin-left: 8%;
margin-right: 58%;
}
/* do NOT change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->


</style>
<=GLOBAL_HEAD

For the top space, try changing this
body {
background-image: url(http://i21.photobucket.com/albums/b255/lj````ai/background12.jpg) !important;
background-repeat: repeat-y !important;
background-attachment: scroll !important;
background-position: 0% !important}

to this
body {
background-image: url(http://i21.photobucket.com/albums/b255/lj````ai/background12.jpg) !important;
background-repeat: repeat-y !important;
background-attachment: scroll !important;
background-position: 0% !important;
margin-top: 0; }