two little problems about my website
 

This is my very first post. Thanks for the great theme. More importantly, this forum has abundant information and excellent support. I have nearly finished my first website without any previous web developing knowledge using the theme and forum here.

I was able to solve most of my problems by searching in this forum. Now I have two questions.

My website is http://www.zhigouusa.com/ (It is in Chinese....).

1. look at the four icons (for social media) on the top. I follow some previous threads to add them. However I wanna move them to the right side on top of the search box but cannot figure it out. The CSS insert is

#header_image_sociable {position:relative; right:20px; top: 3px; font-size: 20px; height: 0;
vertical-align:top;
}

#header_image_sociable ul {
list-style-type: none;
margin: 0;
padding: 0;
height: 0;
vertical-align:right;
line-height: 18px;}
#header_image_sociable ul li { display: inline;vertical-align:middle; line-height: 10px;}

2. If you open my site using firefox or IE, the menu is fine. However, with chrome and safiri, there is a gap between the last menu item and the border. This is not critical but I am just curious to learn why....The css for the menu is

div#menu1 ul.rMenu li {width: 11.11%;text-align: center; font-weight: bold;}
div#menu1 ul#rmenu2 li a {
font-weight: bold !important;
}

You might have to use absolute positioning and z-index to position properly. This is also dependent on where you put the code for the social icons.

Thanks for your reply. But changing it to absolute did not work. I put the following HTML code to "HTML Insert: Header" in the atahualpa options,
<div id="header_image_sociable">
<ul>关注我们:
<li><a href="http://weibo.com/u/2866404262/ "target="_blank">
<img src="/wp-content/image/xinlang_24b.png" alt="weibo" /></a></li>
<li><a href="http://t.qq.com/zhigouusa/" target="_blank">
<img src="/wp-content/image/tengxun_24b.jpg" alt="qq" /></a></li>
<li><a href="http://www.facebook.com/myid" target="_blank">
<img src="/wp-content/image/renren_24b.jpg" alt="renren" /></a></li>
<li><a href="http://www.facebook.com/myid" target="_blank">
<img src="/wp-content/image/douban_24b.png" alt="douban" /></a></li>
</ul>
</div>

I'd like you to go read the on screen documentation for that option and tell me whyyour code you put there won't work.