CSS Align...

[Winterworks]

/* Search Box */

.search-top {
background: #efefef url('images/search-top.png') repeat-x;
height: 20px;
width: 100%;

}


Right now, it's like 10px from the top of the web page, and 10px away from the right, and left side. I want it so it's at the exact top of the page, and exact left, and goes all the way to the right (it repeats).

How can I do this in CSS?

Sorry, hard to explain. If you need a screenshot to better explain, I'll get you one, just ask.

[Lynne]

If it is 'inside' another class that positions it 10px from the right and left and top and bottom, then that is what will happen. You will have to change the type of positioning (absolute, relative, etc). Google "css positioning"

[Winterworks]

I now have...

.search-top {
background: #efefef url('images/search-top.png') repeat-x;
height: 20px;
width: 100%;
position:absolute;
margin:-8px;

(Added margin, and position)

It now looks fine in Firefox, but in IE, it looks horrible still. Even worse...

[Lynne]

Google "css position ie firefox" and find out why. You will probably have to do something different for ie than for firefox.