CSS - Looking For A Solution For This Messed Up Menu

On the right column of my website NashvilleDesignz dot com the form is all the way at the bottom right of the page in Internet Explorer...I checked all the margins and padding yet either seems to check out ok. Any ideas on how to get this to work correctly in IE please let me know...all other browsers are working correctly

There is a problem with What's New section's appearance (right bottom). I want it appear just like here

http://aslanyurek.com/atolye/index.asp

but instead, it appears as.

http://www.refinethetaste.com/html/



Style I created for the whole right block.
PHP Code:
/*right block*/
#rblock .notice    { width:375px; height:30px; font-size:13px; line-height:30px; color:#f3f2f1; background:#5f5548 url(../images/isaret_2.gif) no-repeat 1% 55%;  text-indent:15px; }
#rblock .search    { width:325px; margin-top:1px; background:#9e0b0e url(../images/icon_arama.gif) 3% 50% no-repeat; padding:5px 5px 5px 45px;}
#rblock .search span { color: #FFFFFF; font-size:9px;}
#rblock .news    { width:375px; border-bottom:1px dotted #CCCCCC;}
#rblock h1    { font-size: 14px; color:#716759; background:#ece7d1; text-indent:15px; line-height:25px;}
#rblock .news h2    { font-size: 12px; color:#534741;}
#rblock .news p    { font-size: 10px;}
#rblock img#news{    float:left; margin:10px; height: 60px; width: 66px; border:1px solid #b39f87; padding:1px; background:url(../images/load.gif) center no-repeat;    }
#rblock .clear { clear:both; height:1px; width:1px; overflow:hidden; } 

http://www.lovemeforme.org/test/index.html

works perfect in FF, but in IE, the sidebar is further down than I want.

How do I fix this?

I have 2 images that are not working the same in IE and FireFox take a lookhere

I've created a 3 column layout and it works fine. But on some pages including links,banners... the whole of the right column is positioned wrongly. It even works fine in Firefox. Any idea what the problem could be? Any advice would be appreciated. The link by the way is here

Thanks,
Sunny Patel

I have a website that I am trying to add some graphical enhancements to. I made them, and I think they look great! The problem is that they do not look the same when viewed in IE and I am not even sure where to start fixing them, as the problem doesn't make sense to me.

starcraft-source.com/sandbox/

That is the URL to the page. It works great in FF but as I have said IE is messed up. Any help anyone can offer would be awesome.

Thank you in advance.

Hey Folks,

I am a newbie with designing webpages and having some problems with a website that I just created. If any of you could point to a resource of help me out, that be great.

Heres the link

www.pcdigger.com

The middle part is messed up in firefox. HTML and CSS both are validated per www.w3.org but I guess, that doesnt do anything for firefox.

Thanks,
DesignFlaw

I'm having some issues with an info form for a website I'm coding. The form uses CSS, and looks just fine in Firefox, but in IE part of it is messed up.

http://www.blanchetrocker.com/contactus

There's the URL. I really appreciate any tips and fixes.

Ok now it isnt a fire fox issue anymore it is a problem in all browsers. Here is the css that is messing up.

Code:

	.forgot 	       {COLOR: #dddddd; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #4d1e09; padding: 2px 0px 2px 0px; width: 655px; display: block;}
	.forgot:active     {COLOR: #eeeeee; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #8A694E; padding: 2px 0px 2px 0px; width: 655px; display: block;}
	.forgot:visited    {COLOR: #dddddd; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #4d1e09; padding: 2px 0px 2px 0px; width: 655px; display: block;}
	.forgot:hover      {COLOR: #eeeeee; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #8A694E; padding: 2px 0px 2px 0px; width: 655px; display: block;}

	.meminfol 	      {COLOR: #4D1E09; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #EEEEEE; padding: 2px 0px 2px 0px; width: 180px; display: block;}
	.meminfol:active  {COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #bbbbbb; padding: 2px 0px 2px 0px; width: 180px; display: block;}
	.meminfol:visited {COLOR: #4D1E09; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #EEEEEE; padding: 2px 0px 2px 0px; width: 180px; display: block;}
	.meminfol:hover   {COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #cccccc; padding: 2px 0px 2px 0px; width: 180px; display: block;}

	.meminfol2 	       {COLOR: #4D1E09; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #dddddd; padding: 2px 0px 2px 0px; width: 390px; display: block;}
	.meminfol2:active  {COLOR: #eeeeee; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #8A694E; padding: 2px 0px 2px 0px; width: 390px; display: block;}
	.meminfol2:visited {COLOR: #4D1E09; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #dddddd; padding: 2px 0px 2px 0px; width: 390px; display: block;}
	.meminfol2:hover   {COLOR: #eeeeee; FONT-SIZE: 8pt; FONT-FAMILY: Verdnana; TEXT-DECORATION: none; font-variant: smallcaps; font-weight: bold; background-color: #8A694E; padding: 2px 0px 2px 0px; width: 390px; display: block;}

Never mind it was just that the font Verdana was spelled wrong.

Nick

Every div was aligned correctly until I added gallery-wrapper and tried to position it on empty blue space on the left under the menu div. Now its a mess.


http://aysetunceltaste.refinethetaste.com


header html
Code:

<div id="wrapper">
    	<div id="header">
        	<div class="callus">
            	<p>
                    Ayse Taste - PO Box 373 - Westfield, New Jersey 07090
                    <br />
                    <a href="mailto:info@aysetaste.com">info(AT)aysetaste(DOT)com</a>

				</p>
                <h3>1 973 563 0870</h3>
			</div>
            <div id="menu">       
                <ul class="lamp">
                    <li><a href="default.asp">HOME</a></li>
                    <li><a href="#">ABOUT AYSE</a></li>
                    <li><a href="#">RECIPES</a></li>

                    <li><a href="menus.asp">MENUS</a></li>
                    <li><a href="#">CATERING</a></li>
                    <li><a href="#">CONTACT US</a></li>
                </ul>            
			</div>

<style>

#header #gallery-wrapper { float:left; width:350px; height:120px; overflow:hidden; }
#header #gallery-wrapper .gallery-pagination { float:left; }
#header #gallery-wrapper .gallery-more { float:left; }

</style>

            <div id="gallery-wrapper">

                <div class="gallery-pagination"> 
                    <a href="#" class="prev">Previous</a> 
                    <a href="http://eisabainyo.net/demo/images/image2.jpg" class="next" title="Harbour Bridge" rel="2">Next</a> 
                    <span>Photo <span class="current-pos"></span> of <span class="total-pos"></span></span> 
                </div>
                <div class="gallery-more">
                    <ul>
                        <li><a href="http://eisabainyo.net/demo/images/image1.jpg" title="Opera House" class="t1 active"><img src="http://eisabainyo.net/demo/images/thumb1.jpg" width="60" height="50" alt="Opera House" /><span>Opera House</span></a></li>

                        <li><a href="http://eisabainyo.net/demo/images/image2.jpg" title="Harbour Bridge" class="t2"><img src="http://eisabainyo.net/demo/images/thumb2.jpg" width="60" height="50" alt="Harbour Bridge" /><span>Harbour Bridge</span></a></li>
                        <li><a href="http://eisabainyo.net/demo/images/image3.jpg" title="Sydney from the above" class="t3"><img src="http://eisabainyo.net/demo/images/thumb3.jpg" width="60" height="50" alt="Sydney from the above" /><span>Sydney from the above</span></a></li>
                        <li><a href="http://eisabainyo.net/demo/images/image4.jpg" title="Sydney Buildings" class="t4"><img src="http://eisabainyo.net/demo/images/thumb4.jpg" width="60" height="50" alt="Sydney Buildings" /><span>Sydney Buildings</span></a></li>
                        <li><a href="http://eisabainyo.net/demo/images/image5.jpg" title="The Iconic Opera House" class="t5"><img src="http://eisabainyo.net/demo/images/thumb5.jpg" width="60" height="50" alt="The Iconic Opera House" /><span>The Iconic Opera House</span></a></li>
                    </ul>
                </div>
            </div>

        	<div class="logo"></div>
      	</div>

header css
Code:

#header { float:left; width:790px; height:260px; background: url(../images/bg_header.gif) no-repeat; padding:0 5px 0 5px; position:relative; }

#header .callus { float: left; width: 790px; height:60px; color:#FFF; display:inline; }
#header .callus h3 { float:left; font-size:36px;  }
#header .callus p { float:right; text-align:right; font-size: 12px; line-height:20px; }

#header #menu { float:left; width: 350px; margin: 0; }
#header #menu ul {margin:0px; padding:0px; }
#header #menu li { float: left; height:30px; list-style: none; }
#header #menu li.backLava { background-color:#a9b3e3; position: absolute; }
#header #menu li a { font-size:14px; font-family: "Trebuchet MS",Vedana,Geneva; text-decoration: none; padding: 8px; display: block; float: left;
position: relative; z-index:10; }

#header .logo { float:left; width:440px; height:200px; background:url(../images/Logo.gif) 20px 10px no-repeat; position:relative; }

#header #gallery-wrapper { float:left; width:350px; height:120px; overflow:hidden; }
#header #gallery-wrapper .gallery-pagination { float:left; }
#header #gallery-wrapper .gallery-more { float:left; }

http://www.zahra-zahra.com/admin/editCategory.php

the input boxes are all out of align.. i dont know why!!!

here is the css

Code:

#content form {
	font-size:0.8em;
	clear:none;
}
#content label {
	width:20%;
	float:left;
	font-size:0.9em;
	margin-bottom:0em
	font-size:1em;
	clear:none;
}
#content input, #content select, #content textarea {
	margin:0em;
	clear:none;
}

#content .submit {
	clear:none;
}

hey i am new in developing sites with css codes
so i started coding my home page with all the css code
that was required and when half the page was done i checked it in the browser. so it looks good in firefox but it looks messed up in IE.

So please suggest me something to fix my problems.
I am using Dreamweaver to develop my site.

My website is http://www.orchard-homes.co.uk/developments/ and ive noticed in some versions of safari (on a mac) a big white block covers the whole of the navigation, it only affects the 4 pages under the "Developments => Current =>" section and hovering over the word "developments" makes it disappear again.

Its driving me crazy how it works in every other browser fine, anyone have any ideas?

Thanks!

So my page is valid strict xhtml 1.0, and valid css 2, yet it looks so messed up in FF. I can't figure out why.

http://www.drowninginmytears.org/index.php

It looks perfect in IE, but totally messed up in FF

Can anyone help? Thanks.