چند سوال CSS

[pour moi 5]

دوستان یه div ایجاد کردم که داخلش لیست ایجاد شده

li هایی که تو این لیست تعریف شدند دقیقا در وسط div قرار نمی گیرند

و اینکه می خوام این div تحت هر شزایطی از پایین صفحه مرورگر مثلا با 30px قرار بگیره

یعنی پنجره مرورگر کاربر در هر سایزی که بود اینdiv از پایین با فاصله 30px قرار داشته باشه

همچنین یه تصویر برای بکگراند قرار دادم که می خوام این تصویر بدون تکرار شدن در پایین صفحه وسط قرار بگیره

ممنون

body {
background-image: url(photo.jpg);
background-repeat: no-repeat;
}
.main {
text-align:center;
}
.main li {
display:inline;
list-style:none;
}

<div class="main">
<ul>
<li><a href="">Title1</a></li>
<li><a href="">Title2</a></li>
<li><a href="">Title3</a></li>
<li><a href="">Title4</a></li>
<li><a href="">Title5</a></li>
</ul>
</div>

[themento 348]

سلام از این استفاده کن:

.main {
margin: 0 auto 30px;
background: url(img/test.png) no-repeat center bottom;
}

[pour moi 5]

متاسفانه لیستی که در div ایجاد میشه دقیقا وسط نیست و کمی خارج از مرکز قرار می گیره

[pour moi 5]

کد رو گذاشتم!

[M.Javad 684]

به li ها position:relative بدین تا از دستورات div پیروی کنن