Links positioned with css on footer are not working in safari but work in firefox

Remove all tags. Problem solved. I'll send you a bill.

I have the breaks there for a reason.

How else can I start a new line?

So, you want to tell me the reason for the between the

Take them out and show me the trouble.

Oh those - I though it was talking about the in the text.

I didn't know how to add a cushion after the

elements. What should I add to the CSS in order to accomplish this?

Thanks!

Those, too. The only place I've ever found they really make sense is in the element other than that I don't think I've used a in years. Speaking of which, you have

Maybe a definition list makes more sense than an unordered list for the items. Maybe.

margins or padding just like any other element.

I went ahead and removed your other thread asking the same question. Carry on in this one, thanks.

Ok. I will get rid of the breaks but What will I need to do for this site to look right in IE?

Well, that's the first part of your question. Get that done first and I'll have a look at the page in IE.

Ok, i've gotten rid of the breaks I'm left with one error (show below)

I've also taken out the breaks in the address section but I don't know how to have it line up correctly - one line after the other.

Thanks!

Error:

document type does not allow element X here; missing one of Y start-tag

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "", or "").

* Line 37, column 67: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag

…HANTID" id="MERCHANTID" value="COFI" type="hidden">

Put the hidden input element inside of the

Ok i've passed the validation but when I go to the page the first add to cart link does not work. Is it because I added the hidden element between the

What will I need to add to make this work correctly in IE?

Thank you so much for your help!

Yikes. I just noticed this:

	position: absolute;
top:250px;
bottom:0px;
.main {
left:50px;
right: 50px;
	width: 500px;
	height:1400px;
	margin: 0px auto;
	padding: 50px 40px 120px 50px;
	background: url(images/main.png) top center repeat-y;
}

#footer{
	background:url(images/coficofi_footer.png) bottom center no-repeat;
	height: 346px;
	width: 800px;
float:left;
position:absolute;
top: 1750px; 
margin:0px auto;
left: 0px; 
right: 0px;
 
}

Thanks I've updated those to relative but now the footer gets thrown to the left.

I thought the margin: 0px auto would center it but it doesn't.

I updated the footer and deleted the float: left and that solved the center issue.

The I have 2 more questions and I will be out of your hair

1) In the address section in order for me to get them on seperate lines I had to make the width of that element smaller causing a wrap. Is there another code that I can use to skip a line instead of br?

I want it to say the company name on line one address on line 2 etc etc.

2) I have this javascript code that I would like to add to the header:

<script type="text/javascript">
https://secure.ultracart.com/cgi-bin/UCJavaScript?merchantid=COFI&type=xml
</script> 

but I don't know what else needs to be done in order for it to be viewable.

Thank you so much for your help! You're a life saver!

I also noticed one more thing:

<div id="footlink_products"><a href="http://www.coficofiusa.com/products" title="Products" name="footlink_products"></a></div>
 
 
<div id="footlink_about_us"><a href="http://www.coficofiusa.com/about_us" title="About Us" name="footlink_about_us">test</a></div>
 
<div id="footlink_latest_news"><a href="http://www.coficofiusa.com/latest_news" title="Latest News" name="footlink_latest_news"></a></div>
 
<div id="footlink_contact_us"><a href="http://www.coficofiusa.com/contact_us" title="Contact Us" name="footlink_contact_us">test</a></div>

this code is suppose to be the links for the footer tabs but they are no longer working. I tried positioning them again with the css using the web developer plug-in for firefox but they don't work.

Is there a solution to this problem also?

Thanks again!

What do you mean the links don't work?

I got rid of the tabs that were in the footer so now I don't have a link problem with the footer but I have a problem when you take the browser and drag it smaller. The links in the header push together until they become stacked on each other.

I also tried to add a border in the main div but received errors in the validation for that. I guess I did it wrong.

Thanks!